Extraktor barevné palety
Vytáhni dominantní barvy z jakéhokoli obrázku přímo v prohlížeči. 5–8 swatchů, hex kódy, copy-paste CSS proměnné. Soubory nikdy neopustí tvé zařízení.
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
K čemu to slouží?
Tento nástroj načte obrázek, navzorkuje pár tisíc pixelů a seskupí je do 3–10 bucketů dominantních barev přes ručně napsaný median-cut kvantizační algoritmus. Výsledkem je malá sada reprezentativních hex barev, kterou můžeš použít jako seed design systému, základ moodboardu nebo rychlý způsob, jak z cizího loga vytáhnout brand barvy. Vše běží v prohlížeči; obrázek se nikdy nenahrává.
Kdy to použít
- Vytáhnout dominantní barvy z brand loga a postavit ladící téma.
- Naseed-ovat Tailwind config nebo blok CSS custom-properties z hero obrázku.
- Postavit moodboard paletu z fotografie nebo uměleckého díla.
- Ověřit, zda hero obrázek designu a akcentová barva stránky ladí.
Jak funguje median-cut
- Downsampling obrázku, aby počet pixelů byl zvládnutelný.
- Najde nejdelší osu pixelového oblaku (R, G nebo B rozsah).
- Seřadí podél té osy, rozdělí na mediánu.
- Rekurze do každé poloviny, dokud nezískáš požadovaný počet bucketů.
- Vrátí průměrnou barvu každého bucketu.
Časté chyby
- Průhledné oblasti se přeskakují. Pixely s alfou < 50% nepřispívají do palety — užitečné pro loga na průhledných pozadích.
- Fotky s jednou dominantní barvou (např. pláž s hodně modré oblohy) ti dají několik odstínů té barvy místo různorodé palety. Ořež na barevnější oblast, pokud chceš range.
- Median-cut je rychlý, ale ne perceptuálně dokonalý. Pokud chceš barevně-teoretickou kvalitu (komplementární, analogické), pořád potřebuješ designéra — algoritmus bere nejčastější, ne nejestetičtější.
- Jezdec počítá buckety, ne "důležité" barvy. Žádat 10 z dvoubarevného loga ti dá 10 — jen budou téměř duplikáty.