Utilia
Kategorije ▾
Jezik: bs ▾

Paleta iz slike

Izdvoji paletu boja iz bilo koje slike. Učitaj fotografiju i dobij dominantne boje kao HEX kodove s njihovim udjelom u slici, spremne za kopiranje ili izvoz.

Kako izdvojiti paletu boja iz slike

  1. Spusti sliku u zonu za slanje ili klikni na nju da odabereš datoteku. Radi JPG, PNG, WebP, GIF i svaki drugi format koji tvoj preglednik može prikazati.
  2. Alat odmah analizira sliku i prikazuje njene Dominantne boje, poredane od najviše do najmanje prisutne.
  3. Podesi Broj boja (3 do 12) da dobiješ širu ili užu paletu. Isključi Zanemari bijele i skoro bijele piksele ako je bijela važna boja na tvojoj slici, na primjer bijeli proizvod ili snijeg.
  4. Kopiraj jednu boju dugmetom Kopiraj ispod njenog uzorka ili odaberi format u Izvezi kao (HEX lista, CSS varijable, SCSS varijable, JSON niz ili Tailwind boje) i klikni Kopiraj ili Preuzmi za cijelu paletu. Izdvoji boje ponovo pokreće analizu.

Tvoju sliku čita lokalno tvoj preglednik. Nikad se ne šalje na server.

Kako se pronalaze dominantne boje

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

Svaka grupa postaje jedna boja palete, a postotak ispod svakog uzorka je njen 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 skoro bijeli pikseli, jer bi obične bijele pozadine inače dominirale većinom fotografija proizvoda i snimaka ekrana.

Svaki uzorak prikazuje svoj HEX kôd crnom ili bijelom bojom, zavisno od toga šta 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: izgradi temu web stranice iz glavne fotografije ili logotipa da se sučelje uklapa u sliku.
  • Prezentacije i društvene mreže: odaberi boje teksta i pozadine koje odgovaraju naslovnoj slici.
  • Dizajn enterijera, moda i umjetnost: zabilježi raspoloženje fotografije, slike ili uzorka tkanine.
  • Vizualizacija podataka: uzmi boje grafikona iz ilustracije koja se koristi u istom izvještaju.

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

Česta pitanja

Koliko boja treba izdvojiti?

Pet ili šest boja obično obuhvata glavno raspoloženje fotografije. Odaberi 3 za minimalnu paletu ili 10 do 12 za detaljne slike, poput ilustracija s mnogo različitih područja.

Zašto nedostaje jedna boja s moje slike?

Mala područja predstavljaju malo piksela, pa se mogu spojiti u veću grupu. Povećaj Broj boja ili izreži sliku oko područja koje ti je važno prije nego je ovdje spustiš.

Zašto bijela nije u mojoj paleti?

Opcija Zanemari bijele i skoro bijele piksele je po zadanim postavkama uključena. Isključi je i paleta se ponovo izračunava s bijelom.

Šalje li se moja fotografija na server?

Ne. Datoteku otvara tvoj preglednik i analizira je na canvasu na tvom uređaju. Ništa se ne šalje mrežom, pa privatne fotografije ostaju privatne.

Koji formati slika su podržani?

Svaki format koji tvoj preglednik može prikazati: JPG, PNG, WebP, GIF, AVIF, BMP i obično SVG. HEIC fotografije s iPhonea otvaraju se samo u preglednicima koji ih podržavaju, poput Safarija; prvo ih negdje drugdje pretvori u JPG.

Srodni alati