Extraktor farebnej palety
Vytiahni dominantné farby z akéhokoľvek obrázku priamo v prehliadači. 5–8 swatchov, hex kódy, copy-paste CSS premenné. Súbory nikdy neopustia tvoje zariadenie.
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
Načo to slúži?
Tento nástroj načíta obrázok, navzorkuje pár tisíc pixelov a zoskupí ich do 3–10 bucketov dominantných farieb cez ručne napísaný median-cut kvantizačný algoritmus. Výsledkom je malá sada reprezentatívnych hex farieb, ktorú môžeš použiť ako seed design systému, základ moodboardu alebo rýchly spôsob, ako z cudzieho loga vytiahnuť brand farby. Všetko beží v prehliadači; obrázok sa nikdy nenahráva.
Kedy to použiť
- Vytiahnuť dominantné farby z brand loga a postaviť ladiacu tému.
- Naseed-ovať Tailwind config alebo blok CSS custom-properties z hero obrázka.
- Postaviť moodboard paletu z fotografie alebo umeleckého diela.
- Overiť, či hero obrázok dizajnu a akcentová farba stránky ladia.
Ako funguje median-cut
- Downsampling obrázka, aby počet pixelov bol zvládnuteľný.
- Nájde najdlhšiu os pixelového oblaku (R, G alebo B rozsah).
- Zoradí pozdĺž tej osi, rozdelí na medián.
- Rekurzia do každej polovice, kým nezískaš požadovaný počet bucketov.
- Vráti priemernú farbu každého bucketu.
Časté chyby
- Priehľadné oblasti sa preskakujú. Pixely s alfou < 50% neprispievajú do palety — užitočné pre logá na priehľadných pozadiach.
- Fotky s jednou dominantnou farbou (napr. pláž s veľa modrej oblohy) ti dajú niekoľko odtieňov tej farby namiesto rôznorodej palety. Orezaj na farebnejšiu oblasť, ak chceš range.
- Median-cut je rýchly, ale nie perceptuálne dokonalý. Ak chceš farebno-teoretickú kvalitu (komplementárne, analogické), stále potrebuješ dizajnéra — algoritmus berie najčastejšie, nie najestetickejšie.
- Jazdec ráta buckety, nie "dôležité" farby. Pýtať si 10 z dvojfarebného loga ti dá 10 — len budú takmer duplikáty.