Paleta barv iz slike

Kako izluščiti barvno paleto iz slike

1. Spusti sliko v območje za nalaganje ali klikni nanj in izberi datoteko. Deluje JPG, PNG, WebP, GIF in vsaka druga oblika, ki jo brskalnik lahko prikaže.
2. Orodje sliko analizira takoj in prikaže njene Prevladujoče barve, razvrščene od najbolj do najmanj prisotne.
3. Prilagodi Število barv (od 3 do 12), da dobiš širšo ali ožjo paleto. Odkljukaj Prezri bele in skoraj bele slikovne pike, če je bela pomembna barva tvoje slike, na primer bel izdelek ali sneg.
4. Posamezno barvo kopiraš z gumbom Kopiraj pod njenim vzorcem ali pa izbereš obliko v Izvozi kot (Seznam HEX, Spremenljivke CSS, Spremenljivke SCSS, Tabela JSON ali Barve Tailwind) in s Kopiraj ali Prenesi vzameš celotno paleto. Izlušči barve analizo požene znova.

Tvojo sliko lokalno prebere tvoj brskalnik. Nikoli se ne naloži na strežnik.

Kako se najdejo prevladujoče barve

Slika se najprej nariše na nevidno platno, zmanjšano tako, da je njena najdaljša stranica največ 512 slikovnih pik. Analiza je tako hitra, splošne barve pa se ne spremenijo. Slikovne pike se nato združijo z algoritmom kvantizacije (spremenjeni mediani rez iz odprtokodne knjižnice Color Thief), ki deluje v barvnem prostoru OKLCH, tako da barve, ki so očesu podobne, pristanejo v isti skupini.

Vsaka skupina postane ena barva palete, odstotek pod vsakim vzorcem pa je njen delež vzorčenih slikovnih pik. Vrstica nad vzorci prikazuje ta razmerja na prvi pogled. Prosojne slikovne pike so preskočene, prav tako bele in skoraj bele, dokler je možnost obkljukana, ker bi sicer čista bela ozadja prevladala na večini fotografij izdelkov in posnetkov zaslona.

Vsak vzorec prikazuje svojo kodo HEX v črni ali beli barvi, kar je bolje berljivo, tako da je oznaka berljiva na svetlih in temnih barvah.

Zamisli za uporabo palete iz slike

• Blagovna znamka in spletno oblikovanje: zgradi temo spletne strani iz glavne fotografije ali logotipa, da se vmesnik ujema s sliko.
• Predstavitve in družbena omrežja: izberi barve besedila in ozadja, ki se prilegajo naslovnici.
• Notranje oblikovanje, moda in umetnost: ujemi razpoloženje fotografije, slike ali vzorca tkanine.
• Vizualizacija podatkov: barve grafikona vzemi iz ilustracije, uporabljene v istem poročilu.

Izluščene barve so povprečja mnogih slikovnih pik, zato so lahko videti nekoliko manj žive od najbolj nasičene točke na fotografiji. Če potrebuješ natančno barvo ene določene slikovne pike, raje uporabi izbirnik barv iz slike.