Žádné nahrávání, 100% lokálně, bez účtu

Extraktor barevné palety

Nahrajte obrázek a extrahujte jeho dominantní barvy. Získejte kódy HEX pro každý vzorek, kopírujte jedním kliknutím. Vše běží v prohlížeči.

Jak Extraktor barevné palety funguje

Extrakce barevné palety analyzuje váš obrázek a identifikuje vizuálně nejdominantnější barvy pomocí algoritmu shlukování k-means spuštěného na pixelových datech v Canvas. Výsledkem je sada barevných vzorků s jejich hodnotami HEX, které můžete kopírovat jednotlivě. Žádné bajty obrázku neopustí váš prohlížeč; vzorkování pixelů probíhá lokálně ve Web Workeru, takže hlavní vlákno zůstává responzivní.

Extrakce seskupí stovky tisíc jednotlivých barev pixelů do menšího počtu reprezentativních shluků. Počet výstupních barev je konfigurovatelný, takže můžete extrahovat úzkou paletu pěti barev nebo širší sadu dvanácti. To je užitečné pro rychlé získání firemních barev z loga, identifikaci dominantních tónů fotografie pro mood board nebo ověření, jaké barvy se v obrázku nahraném uživatelem vyskytují.

Napsal Bastien Sulyan

Extraktor barevné palety: návod krok za krokem

  1. Přetáhněte obrázek do oblasti nahrávání nebo klikněte pro výběr.
  2. Nastavte počet barev, které chcete extrahovat (obvykle 5 až 12).
  3. Klikněte na Extrahovat. Shlukování pixelů probíhá lokálně ve Web Workeru.
  4. Zobrazí se výsledné barevné vzorky a jejich hodnoty HEX.
  5. Klikněte na libovolný vzorek pro zkopírování jeho kódu HEX do schránky.

Časté případy použití

  • Návrhář extrahuje dominantní paletu z firemní fotografie, aby zajistil, že nové marketingové materiály odpovídají stávajícímu barevnému příběhu.
  • Vývojář identifikuje hlavní barvy v avataru nahraném uživatelem pro dynamické generování odpovídající barvy zvýraznění uživatelského rozhraní.
  • Umělec sestavuje referenční mood board extrakcí palet z několika referenčních obrázků a porovnáváním extrahovaných kódů HEX.
  • Bloger vybere pět dominantních tónů z fotografii záhlaví pro výběr doplňkových barev textu a tlačítek pro rozvržení příspěvku.

Často kladené otázky

Jak funguje algoritmus extrakce barev?

Nástroj čte všechny hodnoty pixelů z obrázku pomocí Canvas.getImageData(), pro rychlost je podvzorkuje a poté spustí shlukování k-means. Každý centroid shluku se stane jednou z výstupních barev. K-means seskupuje pixely podle blízkosti barev, takže dominantní vizuální tóny se projeví jako barvy centroidů.

Vyžaduje extrakce barev nahrání obrázku?

Ne. Vzorkování pixelů probíhá uvnitř Web Workeru ve vašem prohlížeči. Obrázek se čte z vašeho lokálního disku, nakreslí se na OffscreenCanvas a pole pixelů se zpracuje v paměti. Data neopustí vaše zařízení.

Proč extrahované barvy vypadají mírně odlišně od toho, co vidím na obrázku?

Centroidy k-means představují matematický průměr shluku barev pixelů. Barva, která je velmi běžná, ale mírně variabilní (například modré nebe s jemnými variacemi přechodu), produkuje centroid, který je průměrným odstínem, a nikoli přesnou hodnotou pixelu, na který byste mohli ukázat. Výsledkem je reprezentativní průměr, nikoli vzorek konkrétního pixelu.

Mohu extrahovat palety z fotografií s průhledností?

Plně průhledné pixely (alfa = 0) jsou ze shlukování vyloučeny, aby průhledná oblast nezkreslovala extrahované barvy směrem k černé nebo bílé v závislosti na výplni pozadí Canvas. Poloprůhledné pixely jsou zahrnuty do vzorku s váhou podle hodnoty alfa.

V jakém formátu jsou kódy barev?

Nástroj produkuje kódy HEX (například #3A7BD5). Pokud potřebujete RGB, HSL nebo jiné formáty, zkopírujte hodnotu HEX do nástroje Color Converter, který přijímá HEX a převádí do všech běžných barevných modelů.

Související nástroje

Zachovejte vše lokálně, prozkoumejte doplňkové nástroje.

Všechny nástroje na obrázky