Extrahování barev z obrázku — dominantní barva, paleta 8 barev a hodnoty HEX
Vyberte plakát, snímek obrazovky nebo fotografii a získáte dominantní barvu a paletu osmi barev, vypočtené v prohlížeči pomocí kvantizace mediánovým dělením. Vzorky zobrazují HEX a po kliknutí se zkopírují. Není zde nastavení počtu barev, výstup HSL nebo CMYK ani export CSS proměnných.
Co tento nástroj pro extrakci barev vydává — a co neumí
Dominantní barva a paleta 8 barev
Každé načtení provede kvantizaci mediánovým dělením: největší barevný shluk se stane dominantní barvou a paleta má vždy osm vzorků. Obrázek se pouze zobrazuje jako náhled v oblasti 16:9 s contain, bez operací na úrovni pixelů.
Žádné nastavení počtu barev ani formátu
Velikost palety je pevně dána jako 8 (dominantní barva pochází ze samostatného kvantování na 5 barev), interně se používá RGB a zobrazuje se pouze malými písmeny zapsaný HEX. Není zde textový výstup HSL, CMYK nebo RGB ani export CSS proměnných.
Kliknutím na vzorek zkopírujete HEX
Každý kruhový vzorek zkopíruje svou hodnotu HEX do schránky a zobrazí oznámení. Samotný obrázek není klikatelný, takže zde není kapátko ani možnost odebrat barvu jednoho konkrétního pixelu.
Zpracování v canvas, ale jen místní soubory
Vybraný obrázek se vykreslí na canvas a načte pomocí getImageData, vše v prohlížeči. Pole pro URL obrázku neexistuje, takže ke znečištění canvasu kvůli cross-origin nikdy nedojde: analyzuje se pouze vybraný soubor.
Vzorkování přeskakuje téměř bílé a průhledné pixely
Vzorkuje se každý desátý pixel; pixely s alpha nižší než 125 a téměř bílé pixely (všechny tři kanály nad 250) se ignorují. Bílé pozadí a průhledné plochy proto nikdy nedominují výsledku.
Časté dotazy k extrahování barev z obrázku
Jak se barvy počítají?
Pomocí kvantizace mediánovým dělením (MMCQ) z ColorThief. Dominantní barva je první shluk kvantování na 5 barev, paleta pochází z kvantování na 8 barev. Quality je výchozí 10, tedy vzorkuje se každý desátý pixel.
Můžu změnit počet barev?
Ne. Osm vzorků je pevně dáno, bez posuvníku nebo vstupního pole, a dominantní barva pochází z jiného kvantování na 5 barev. Při každém novém souboru se paleta přepočítá a nahradí.
Jaké barevné formáty lze získat?
Pouze HEX malými písmeny, zobrazený na každém vzorku a zkopírovaný po kliknutí. Nejsou zde hodnoty RGB, HSL ani CMYK, žádné CSS vlastní vlastnosti a žádný export PNG nebo textu.
Je zde kapátko nebo výběr jednoho pixelu?
Ne. Obrázek slouží jen jako náhled; kliknutím na vzorek zkopírujete jeho HEX. Výběr na úrovni pixelů ani odebrání barvy z konkrétního bodu fotografie není možné.
Nahrává se obrázek? Zpracovává se v canvasu?
Vše probíhá v místním canvasu a nic se nenahrává. Soubor se načte přes object URL, zobrazí v pevné náhledové oblasti 16:9 a poté se pro analýzu vykreslí v původní velikosti.
Znečistí obrázek z jiného zdroje canvas?
Stránka přijímá pouze místní soubory; není zde pole URL ani volání getColorFromUrl, takže ke znečištění CORS nemůže dojít. U obrázku z webu jej nejprve stáhněte a poté vyberte jako soubor.
Proč se bílá a průhlednost ignorují a co s obrovskými obrázky?
Pixely s alpha nižší než 125 a téměř bílé pixely (všechny kanály nad 250) se přeskakují. Velmi velké obrázky se vykreslí v původní velikosti a čtou celé, takže mohou být pomalé a paměťově náročné; změna velikosti ani limit velikosti neexistuje.
