Paleta boja iz slike

Kako izvući paletu boja iz slike

1. Ispusti sliku na područje za učitavanje ili klikni na njega da odabereš datoteku. Radi JPG, PNG, WebP, GIF i bilo koji drugi format koji tvoj preglednik može prikazati.
2. Alat odmah analizira sliku i prikazuje njezine Dominantne boje, poredane od najzastupljenije do najmanje zastupljene.
3. Podesi Broj boja (od 3 do 12) da dobiješ širu ili užu paletu. Isključi Zanemari bijele i gotovo bijele piksele ako je bijela važna boja tvoje slike, na primjer bijeli proizvod ili snijeg.
4. Jednu boju kopiraj gumbom Kopiraj ispod njezina uzorka ili odaberi format u Izvezi kao (popis HEX kodova, CSS varijable, SCSS varijable, JSON polje ili Tailwind boje) i klikni Kopiraj ili Preuzmi za cijelu paletu. Izvuci boje ponovno pokreće analizu.

Tvoju sliku lokalno čita tvoj preglednik. Nikad se ne šalje na poslužitelj.

Kako se pronalaze dominantne boje

Slika se najprije crta na nevidljivom platnu (canvas), smanjena tako da joj je najdulja stranica najviše 512 piksela. To ubrzava analizu bez promjene ukupnih boja. Pikseli se zatim grupiraju algoritmom kvantizacije (izmijenjeni median cut iz biblioteke otvorenog koda Color Thief) koji radi u prostoru boja OKLCH, pa boje koje oku izgledaju slično završavaju u istoj skupini.

Svaka skupina postaje jedna boja palete, a postotak ispod svakog uzorka je njezin udio u uzorkovanim pikselima. Traka iznad uzoraka prikazuje te omjere na prvi pogled. Prozirni pikseli se preskaču, a dok je opcija uključena preskaču se i bijeli i gotovo bijeli pikseli, jer bi obične bijele pozadine inače dominirale većinom fotografija proizvoda i snimki zaslona.

Svaki uzorak prikazuje svoj HEX kod crnom ili bijelom bojom, već prema tome što se bolje čita, pa oznaka ostaje čitljiva i na svijetlim i na tamnim bojama.

Ideje za korištenje palete iz slike

• Brendiranje i web-dizajn: izradi temu web-stranice iz glavne fotografije ili logotipa da sučelje odgovara slici.
• Prezentacije i društvene mreže: odaberi boje teksta i pozadine koje pristaju naslovnoj slici.
• Uređenje interijera, moda i umjetnost: zabilježi raspoloženje fotografije, slike ili uzorka tkanine.
• Vizualizacija podataka: uzmi boje grafikona iz ilustracije korištene u istom izvješću.

Izvučene boje prosjeci su mnogih piksela, pa mogu izgledati malo manje živo od najzasićenijeg mjesta na fotografiji. Ako trebaš točnu boju jednog određenog piksela, upotrijebi birač boja sa slike.