CodeKitHubŠto je ovaj alat?
Prosječna boja je aritmetička sredina crvene, zelene i plave vrijednosti svakog piksela — jedna izmiješana boja koja predstavlja ukupni ton slike, ali može izgledati blatnjavo ako slika ima vrlo različito obojena područja.
Dominantne boje su nešto drugo: ovaj alat grupira slične boje piksela u kante (kvantizirajući svaki RGB kanal), broji koliko piksela pada u svaku kantu i vraća najčešće kao zasebne uzorke — bliže onome što bi čovjek nazvao "glavnim bojama na ovoj slici" nego jedna prosječna mješavina.
Zašto ga koristiti?
- Dobijte i prosječnu boju i pravu višebojnu paletu iz jednog učitavanja, ne samo jedan broj.
- Izvucite upotrebljivu paletu boja iz fotografije, snimke zaslona ili logotipa za dizajnerski projekt.
- Kliknite na bilo koji uzorak kako biste odmah kopirali njegov točan HEX kod.
- Radi u potpunosti u vašem pregledniku — slika se čita lokalno putem canvasa i nikada se nikamo ne učitava.
- Besplatno, trenutno, bez računa, bez ograničenja veličine datoteke osim ograničenja vašeg vlastitog preglednika.
Kako ga koristiti
- Kliknite gumb za učitavanje i odaberite sliku s vašeg uređaja.
- Prosječna boja i paleta dominantnih boja pojavljuju se automatski — nema dodatnog gumba za klik.
- Kliknite na bilo koji uzorak (prosječnu boju ili bilo koju boju iz palete) kako biste kopirali njegov HEX kod.
Primjer
Ulaz
Fotografija zalaska sunca s narančastim nebom i tamnoplavim siluetamaIzlaz
Prosječna boja: prigušena smeđkasto-narančasta mješavina · Dominantne boje: svijetlo narančasta, tamno crvena, gotovo crna, blijedo žuta (kao zasebni, jasno odvojeni uzorci)Ovo je upravo slučaj u kojem se prosječna i dominantne boje najviše razlikuju — prosjek miješa tople i hladne tonove u blato, dok dominantna paleta zadržava prepoznatljivo odvojene boje.
Često postavljana pitanja
Zašto je prosječna boja toliko drugačija od bilo koje boje koja se stvarno nalazi na slici?
Usrednjavanje matematički miješa svaki piksel zajedno — ako slika ima i svijetlo narančasta i tamnoplava područja, prosjek završava negdje u blatnjavo smeđoj, boji koja možda vizualno ne postoji nigdje na originalnoj fotografiji. Ovo je očekivano ponašanje za pravi prosjek, ne greška; umjesto toga koristite paletu dominantnih boja ako želite boje koje se stvarno pojavljuju na slici.
Učitava li se moja slika na poslužitelj?
Ne. Sliku izravno čita vaš preglednik pomoću Canvas API-ja, a sva analiza boja odvija se lokalno u JavaScriptu. Ništa se nikada ne šalje putem mreže.
Koliko dominantnih boja vraća alat?
Do 8, poredanih prema tome koliko je piksela odgovaralo svakoj kanti boje, najčešća prva. Ako je slika vrlo jednolične boje, možda ćete vidjeti manje od 8 zasebnih kanti.
Broji li prozirne piksele u PNG-u?
Ne — pikseli s manje od 50% neprozirnosti isključeni su i iz izračuna prosjeka i iz izračuna dominantnih boja, tako da prozirna pozadina neće iskriviti rezultate prema boji koja prosijava kroz nju.