Ekstraktor boja iz slike analizira bilo koju sliku (povucite, zalijepite ili kliknite za učitavanje) i vraća do 16 dominantnih boja s postotnim udjelima. Koristi uzorkovanje piksela i kvantizaciju u pregledniku — bez prijenosa na server. Kliknite bilo koji uzorak boje za kopiranje hex vrijednosti ili Copy All za cijelu paletu.
Dizajneri i razvojni programeri stalno trebaju izdvajati boje iz slika — izvlačiti boje brenda iz logotipa, izraditi paletu iz fotografije, uskladiti UI s referentnom ilustracijom. Ekstraktor boja iz slike to radi u pregledniku, bez ikakvog prijenosa na server. Povucite, zalijepite ili kliknite za učitavanje slike (PNG, JPG, SVG, WebP, GIF). Alat iscrtava smanjenu verziju slike na canvas, uzorkuje svaki 4. piksel, grupira ih u smanjeni prostor boja (5 bita po kanalu, ~32K grupa), izračunava prosječnu RGB vrijednost svake grupe, a zatim odabire N najzastupljenijih grupa spajajući gotovo identične boje (unutar 24 Manhattan udaljenosti u RGB prostoru). Rezultat je čista, reprezentativna paleta koja odražava stvarni vizualni sastav slike — ne samo piksele koji se najtočnije podudaraju. Klizač za broj boja (3–16) omogućuje podešavanje veličine palete prema potrebi. Svaki uzorak prikazuje hex vrijednost i postotak piksela; kliknite za pojedinačno kopiranje ili Copy All za sve odjednom.
Učitava bilo koji uobičajeni format slike i generira paletu dominantnih boja u manje od sekunde, čak i za velike slike.
Svaka izdvojena boja prikazuje postotak površine slike koju zauzima — na prvi pogled znate koje su dominantne, a koje su akcenti.
Klizač za odabir 3–16 boja. Manje palete za rad na brendu; veće za fotografske reference.
Kliknite bilo koji uzorak boje za kopiranje hex vrijednosti. Ili upotrijebite Copy All za cijelu paletu kao popis odvojen novim redovima za masovnu upotrebu.
Bez prijenosa, bez poziva serveru, slika ne napušta vaše računalo. Sigurno za privatne prikaze, neobjavljenu grafiku ili osjetljive materijale.
PNG, JPG, SVG, WebP, GIF, ICO — sve podržano putem standardnog dekodiranja canvasa. Prozirni pikseli automatski se preskaču.
Ispustite sliku logotipa, izdvojite točne korištene boje i kopirajte ih u CSS varijable vašeg brand-kita ili dizajn sustava.
Ubacite fotografiju krajolika u alat kako biste dobili paletu od 5 boja koja odražava njezino raspoloženje — korisno za umjetničko usmjeravanje ili izradu tema.
Snimite zaslon referentnog sučelja, izdvojite paletu i upotrijebite te boje u vlastitom prikazu kako biste postigli sličan vizualni dojam.
Kada klijent pošalje jednu sliku kao smjernicu za brendiranje, izdvojite 8-10 boja kako biste predložili početnu paletu koja ostaje vjerna referenci.
Dohvatite dvije najdominantnije boje iz slike za izradu pozadinskog gradijenta koji nadopunjuje sadržaj u prvom planu.
Kliknite ikonu Image Colors u DevSuite Pro doku. Otvara se panel sa zonom za ispuštanje datoteke i postavkama.
Povucite datoteku, zalijepite iz međuspremnika (Ctrl+V) ili kliknite za otvaranje birača datoteka. Alat automatski učitava i uzorkuje piksele.
Koristite klizač za odabir broja boja za izdvajanje (3–16). Paleta se ponovno generira trenutačno dok povlačite klizač.
Svaki uzorak prikazuje svoj hex kôd i postotak površine slike. Potražite dominantne boje — imat će najveće postotke.
Kliknite bilo koji uzorak za kopiranje hex vrijednosti ili upotrijebite Copy All za cijelu paletu kao popis za korištenje u vašem dizajnerskom alatu ili CSS-u.
Instalirajte DevSuite Pro besplatno i otključajte 64+ razvojnih alata za svoj preglednik.
