← Nazaj na funkcije
Free

Ekstraktor barv iz slike

Ekstraktor barv iz slike analizira poljubno slikovno datoteko (povlecite, prilepite ali kliknite za nalaganje) in vrne do 16 prevladujočih barv z odstotnimi utežmi. Uporablja vzorčenje pikslov in kvantizacijo v predalčke neposredno v brskalniku — brez nalaganja, brez pošiljanja na strežnik. Kliknite na kateri koli vzorec za kopiranje njegove hex vrednosti ali uporabite Kopiraj vse za celotno paleto.

Oblikovalci in razvijalci nenehno potrebujejo izvleček barv iz slik — pridobivanje blagovnih barv iz logotipa, sestavljanje palete iz fotografije, usklajevanje uporabniškega vmesnika z referenčno umetnino. Ekstraktor barv iz slike to opravi neposredno v brskalniku, brez nalaganja. Povlecite, prilepite ali kliknite za nalaganje slike (PNG, JPG, SVG, WebP, GIF). Orodje nariše pomanjšano različico na platno (canvas), vzorči vsak 4. piksel, jih razvrsti v zmanjšan barvni prostor (5 bitov na kanal, ~32 tisoč predalčkov), izračuna povprečno dejansko RGB vrednost vsakega predalčka, nato pa izbere N najbolj zasedenih predalčkov, pri čemer združi skoraj enake barve (znotraj razdalje 24 po Manhattanski metriki v RGB). Rezultat je čista, reprezentativna paleta, ki odraža dejansko vizualno sestavo — ne le barve z najbolj natančnim ujemanjem posameznega piksla. Drsnik za število barv (3–16) vam omogoča prilagoditev velikosti palete glede na potrebe. Vsak vzorec prikazuje hex vrednost in odstotek pikslov; kliknite za posamezno kopiranje ali uporabite Kopiraj vse za vse naenkrat.

Predogled v živo
example.com
Ekstrahent barve slike 8 barv ekstrahirano
1920 × 1080
40000 pixels sampled
Barve
8
Ponovno izvleči Kopiraj vse
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Ključne lastnosti

Takojšnje izvlečenje palete

Naloži poljubno pogosto slikovno obliko in ustvari paleto prevladujočih barv v manj kot sekundi, tudi pri velikih slikah.

Natančne barvne uteži

Vsaka izvlečena barva prikazuje svoj odstotek površine slike — na prvi pogled vidite, katere prevladujejo in katere so le poudarki.

Nastavljiva velikost palete

Drsnik za izbiro 3–16 barv. Manjše palete za delo z blagovno znamko, večje za fotografske reference.

Kopiranje z enim klikom

Kliknite na kateri koli vzorec za kopiranje njegove hex vrednosti. Ali pa uporabite Kopiraj vse za celotno paleto kot seznam, ločen z novimi vrsticami, za množično uporabo.

Deluje v celoti v brskalniku

Brez nalaganja, brez klica strežnika, slika ne zapusti vaše naprave. Varno za zasebne osnutke, neobjavljena sredstva ali občutljivo umetniško gradivo.

Podpira vse slikovne oblike

PNG, JPG, SVG, WebP, GIF, ICO — vse podprto prek standardnega dekodiranja na platnu. Prosojni piksli so samodejno izpuščeni.

Pogosti primeri uporabe

Izvlečenje barv blagovne znamke

Povlecite sliko logotipa, izvlecite natančne uporabljene barve in jih kopirajte v CSS spremenljivke svojega blagovnega kompleta ali sistema oblikovanja.

Ustvarjanje fotografske palete

Naložite fotografijo pokrajine v orodje, da dobite paleto 5 barv, ki zajame njeno razpoloženje — uporabno za umetniško usmeritev ali oblikovanje teme.

Usklajevanje uporabniškega vmesnika

Zajemite posnetek referenčnega vmesnika, izvlecite paleto in uporabite te barve v svojem osnutku za ujemanje vizualnega vtisa.

Analiza gradiva stranke

Ko stranka pošlje eno samo sliko kot usmeritev za blagovno znamko, izvlecite 8–10 barv za predlog začetne palete, ki ostane zvesta referenci.

Ustvarjanje prelivov iz slik

Pridobite dve najbolj prevladujoči barvi iz slike za izdelavo prelivnega ozadja, ki dopolnjuje ospredje.

Kako uporabljati
1

Odprite Ekstraktor barv iz slike

Kliknite ikono Image Colors v vrstici DevSuite Pro. Odpre se plošča z območjem za spuščanje in nastavitvami.

2

Naložite sliko

Povlecite datoteko, prilepite iz odložišča (Ctrl+V) ali kliknite za odprtje izbirnika datotek. Orodje samodejno naloži in vzorči piksle.

3

Prilagodite število barv

Uporabite drsnik za izbiro števila barv za izvleček (3–16). Paleta se ob premikanju drsnika takoj posodobi.

4

Preglejte paleto

Vsak vzorec prikazuje svojo hex kodo in odstotek površine slike. Poiščite prevladujoče barve — imele bodo najvišje odstotke.

5

Kopirajte barve

Kliknite na kateri koli vzorec za kopiranje njegove hex vrednosti ali uporabite Kopiraj vse za celotno paleto kot seznam za uporabo v vašem orodju za oblikovanje ali CSS.

Pripravljeni na poskus?

Namestite DevSuite Pro brezplačno in odklenite več kot 64 orodij za razvijalce za svoj brskalnik.

Dodaj v Chrome Dodaj v Edge Dodaj v FireFox