CodeKitHubČo je tento nástroj?
Priemerná farba je aritmetický priemer hodnôt červenej, zelenej a modrej zložky každého pixelu — jedna zmiešaná farba reprezentujúca celkový tón obrázka, ktorá však môže pôsobiť kalne, ak obrázok obsahuje veľmi odlišne sfarbené oblasti.
Dominantné farby sú niečo iné: tento nástroj zoskupuje podobné farby pixelov do košíkov (kvantizáciou každého kanála RGB), počíta, koľko pixelov spadá do každého košíka, a vracia tie najčastejšie ako samostatné vzorky — bližšie k tomu, čo by človek nazval „hlavné farby tohto obrázka“, než k jedinej spriemerovanej zmesi.
Prečo ho používať?
- Získajte z jedného nahratia priemernú farbu aj skutočnú viacfarebnú paletu, nielen jedno číslo.
- Získajte použiteľnú farebnú paletu z fotografie, snímky obrazovky alebo loga pre váš dizajnový projekt.
- Kliknutím na ktorúkoľvek vzorku okamžite skopírujete jej presný HEX kód.
- Beží úplne vo vašom prehliadači — obrázok sa číta lokálne cez canvas a nikdy sa nikam nenahráva.
- Zadarmo, okamžité, bez účtu, bez obmedzenia veľkosti súboru nad rámec limitov samotného prehliadača.
Ako sa používa
- Kliknite na tlačidlo nahrávania a vyberte obrázok zo svojho zariadenia.
- Priemerná farba a paleta dominantných farieb sa zobrazia automaticky — netreba klikať na žiadne ďalšie tlačidlo.
- Kliknutím na ktorúkoľvek vzorku (priemernú farbu alebo ktorúkoľvek farbu z palety) skopírujete jej HEX kód.
Príklad
Vstup
Fotografia západu slnka s oranžovou oblohou a tmavomodrými siluetamiVýstup
Priemerná farba: tlmená hnedo-oranžová zmes · Dominantné farby: jasná oranžová, tmavočervená, takmer čierna, bledožltá (ako samostatné odlišné vzorky)Toto je presne prípad, kedy sa priemerná a dominantná farba líšia najviac — priemer zmieša teplé a studené tóny do kalného odtieňa, zatiaľ čo dominantná paleta ich zachováva ako rozpoznateľne oddelené farby.
Časté otázky
Prečo je priemerná farba taká odlišná od akejkoľvek farby, ktorá sa v obrázku skutočne nachádza?
Spriemerovanie matematicky zmieša všetky pixely dohromady — ak obrázok obsahuje jasne oranžové aj tmavomodré oblasti, priemer skončí v kalnej hnedej farbe, ktorá vizuálne nemusí nikde v pôvodnej fotografii existovať. Toto je očakávané správanie skutočného priemeru, nie chyba; ak chcete farby, ktoré sa v obrázku skutočne objavujú, použite radšej paletu dominantných farieb.
Nahráva sa môj obrázok na server?
Nie. Obrázok je čítaný priamo vaším prehliadačom pomocou Canvas API a celá analýza farieb prebieha lokálne v JavaScripte. Nič sa nikdy neodosiela cez sieť.
Koľko dominantných farieb nástroj vracia?
Až 8, zoradených podľa počtu pixelov zodpovedajúcich každému farebnému košíku, najčastejšia prvá. Ak je obrázok farebne veľmi jednotný, môže sa zobraziť menej než 8 odlišných košíkov.
Počíta sa s priehľadnými pixelmi v PNG?
Nie — pixely s nepriehľadnosťou nižšou ako 50 % sú vylúčené z výpočtu priemernej aj dominantnej farby, takže priehľadné pozadie neskreslí výsledky smerom k farbe, ktorá cezeň presvitá.