Paletë ngjyrash nga imazhi

Si ta nxjerrësh një paletë ngjyrash nga një imazh

1. Lësho një imazh në zonën e ngarkimit, ose kliko mbi të për të zgjedhur një skedar. Funksionon JPG, PNG, WebP, GIF dhe çdo format tjetër që shfletuesi yt mund ta shfaqë.
2. Mjeti e analizon fotot menjëherë dhe shfaq Ngjyrat mbizotëruese, të renditura nga më të pranishmet te më pak të pranishmet.
3. Rregullo Numrin e ngjyrave (3 deri 12) për të marrë një paletë më të gjerë ose më të ngushtë. Hiq shenjën te Shpërfill pikselët e bardhë dhe pothuajse të bardhë nëse e bardha është ngjyrë e rëndësishme e imazhit tënd, për shembull një produkt i bardhë ose bora.
4. Kopjo një ngjyrë me butonin Kopjo nën mostrën e saj, ose zgjidh një format te Eksporto si (Listë HEX, Variabla CSS, Variabla SCSS, Varg JSON ose Ngjyra Tailwind) dhe kliko Kopjo ose Shkarko për të gjithë paletën. Nxirr ngjyrat e ekzekuton analizën përsëri.

Imazhi yt lexohet lokalisht nga shfletuesi. Nuk ngarkohet kurrë në një server.

Si gjenden ngjyrat mbizotëruese

Imazhi vizatohet fillimisht në një canvas të padukshëm, i zvogëluar që brinja më e gjatë të jetë më së shumti 512 piksele. Kjo e mban analizën të shpejtë pa i ndryshuar ngjyrat e përgjithshme. Pastaj pikselët grupohen me një algoritëm kuantizimi (median cut i modifikuar, nga libraria me burim të hapur Color Thief) që punon në hapësirën e ngjyrave OKLCH, kështu ngjyrat që i ngjajnë syrit përfundojnë në të njëjtin grup.

Çdo grup bëhet një ngjyrë e paletës, dhe përqindja nën çdo mostër është pjesa e tij e pikselëve të mostruar. Shiriti mbi mostrat i tregon këto përpjesëtime me një vështrim. Pikselët transparentë anashkalohen, po ashtu edhe pikselët e bardhë e pothuajse të bardhë kur opsioni është i shënuar, sepse sfondet e bardha të thjeshta përndryshe do të mbizotëronin shumicën e fotove të produkteve dhe pamjeve të ekranit.

Çdo mostër e shfaq kodin e vet HEX me të zezë ose të bardhë, cilado lexohet më mirë, kështu etiketa mbetet e lexueshme si mbi ngjyra të çelura, ashtu edhe mbi ato të errëta.

Ide për përdorimin e një palete nga imazhi

• Markë dhe dizajn uebi: ndërto temën e një faqeje nga një foto kryesore ose një logo, që ndërfaqja të përputhet me figurën.
• Prezantime dhe rrjete sociale: zgjidh ngjyra teksti e sfondi që i shkojnë një imazhi kopertine.
• Dizajn brendshëm, modë dhe art: kap atmosferën e një fotoje, një pikture ose një mostre cope.
• Vizualizim i të dhënave: merr ngjyrat e grafikëve nga një ilustrim që përdoret në të njëjtin raport.

Ngjyrat e nxjerra janë mesatare të shumë pikselëve, prandaj mund të duken paksa më pak të gjalla se vendi më i ngopur në foto. Nëse të duhet ngjyra e saktë e një pikseli të caktuar, përdor një zgjedhës ngjyrash nga imazhi.