Paleta boja iz slike

Kako se izdvaja paleta boja iz slike

1. Spusti sliku u zonu za otpuštanje ili klikni na nju da izabereš fajl. Radi JPG, PNG, WebP, GIF i svaki drugi format koji tvoj pregledač može da prikaže.
2. Alat odmah analizira sliku i prikazuje njene Dominantne boje, poređane od najzastupljenije do najmanje zastupljene.
3. Podesi Broj boja (od 3 do 12) da dobiješ širu ili užu paletu. Isključi Zanemari bele i skoro bele piksele ako je bela važna boja tvoje slike, na primer bel proizvod ili sneg.
4. Kopiraj jednu boju dugmetom Kopiraj ispod njenog uzorka ili izaberi format u Izvezi kao (HEX lista, CSS promenljive, SCSS promenljive, JSON niz ili Tailwind boje) i klikni Kopiraj ili Preuzmi za celu paletu. Izdvoji boje ponovo pokreće analizu.

Tvoju sliku lokalno čita tvoj pregledač. Nikada se ne otprema na server.

Kako se pronalaze dominantne boje

Slika se prvo crta na nevidljivom canvasu, smanjena tako da joj najduža strana ima najviše 512 piksela. To ubrzava analizu bez promene ukupnih boja. Pikseli se zatim grupišu algoritmom kvantizacije (modifikovani median cut, iz biblioteke Color Thief otvorenog koda) koji radi u prostoru boja OKLCH, pa boje koje oku izgledaju slično završavaju u istoj grupi.

Svaka grupa postaje jedna boja palete, a procenat ispod svakog uzorka je njen udeo u uzorkovanim pikselima. Traka iznad uzoraka prikazuje te srazmere na prvi pogled. Providni pikseli se preskaču, a dok je opcija uključena preskaču se i beli i skoro beli pikseli, jer bi obične bele pozadine inače dominirale većinom fotografija proizvoda i snimaka ekrana.

Svaki uzorak prikazuje svoj HEX kod crnom ili belom bojom, zavisno od toga šta se bolje čita, pa oznaka ostaje čitljiva i na svetlim i na tamnim bojama.

Ideje za upotrebu palete iz slike

• Brendiranje i veb dizajn: napravi temu sajta od glavne fotografije ili logotipa da se interfejs slaže sa slikom.
• Prezentacije i društvene mreže: izaberi boje teksta i pozadine koje odgovaraju naslovnoj slici.
• Enterijer, moda i umetnost: uhvati raspoloženje fotografije, slike ili uzorka tkanine.
• Vizuelizacija podataka: uzmi boje grafikona iz ilustracije korišćene u istom izveštaju.

Izdvojene boje su proseci mnogo piksela, pa mogu izgledati malo manje živo od najzasićenijeg mesta na fotografiji. Ako ti treba tačna boja jednog određenog piksela, upotrebi birač boje sa slike.