Paleta barev z obrázku

K čemu je Paleta barev z obrázku

Klient pošle logo a řekne „web ať ladí s tímhle". Fotograf chce galerii v barvách svých snímků. Designér hledá akcentovou barvu k hero fotce. Ve všech případech potřebuješ z obrázku vytáhnout konkrétní barvy s přesnými kódy — a oko proti kapátku vždycky prohraje, protože průměrnou barvu plochy člověk neodhadne.

Tenhle nástroj analyzuje obrázek shlukovou analýzou (k-means) a vrátí paletu dominantních barev seřazených podle zastoupení. Každou barvu vidíš jako vzorek s HEX kódem, RGB hodnotou a procentem plochy — a jedním kliknutím ji máš ve schránce. Pro vývojáře je připravený export rovnou jako CSS proměnné.

Analýza probíhá lokálně v prohlížeči, obrázek se nikam nenahrává.

Co umí

• Extrakce až 6 dominantních barev z libovolného obrázku
• HEX a RGB kódy, podíl každé barvy v procentech
• Kopírování barvy jedním kliknutím
• Export palety jako CSS custom properties (--brand-1 až --brand-6)
• Podpora JPG, PNG, WebP i SVG
• Průhledné oblasti se do analýzy nepočítají

Jak to funguje

1. Přetáhni obrázek do pole nebo ho vyber kliknutím.
2. Nástroj obrázek zmenší na vzorek a shlukovou analýzou najde dominantní barvy.
3. Paleta se zobrazí seřazená podle zastoupení — klikni na barvu a máš HEX ve schránce.
4. Pro CSS zkopíruj celý blok proměnných jedním tlačítkem.

Časté otázky

Proč nástroj nevrací přesnou barvu z konkrétního místa?

Vrací dominantní barvy celého obrázku — průměry barevných shluků, ne pixel pod kurzorem. Právě to chceš pro tvorbu palety: jednotlivý pixel může být šum, shluk reprezentuje skutečný barevný tón plochy.

Kolik barev nástroj najde?

Až šest, seřazených podle zastoupení. Pokud má obrázek méně výrazných barev (třeba dvoubarevné logo), vrátí jen ty skutečně přítomné — prázdné shluky se vynechávají.

Jak z palety udělám funkční web design?

Nejvýraznější barvu použij střídmě jako akcent, tlumené barvy pro pozadí a plochy. K doladění odstínů a ověření kontrastu textu poslouží Barevná paleta (OKLCH), k velikostem písma Typography Scale Generátor.

Proč se výsledky mírně liší při opakovaném nahrání?

Algoritmus k-means startuje z rozložených vzorků a iteruje k lokálnímu optimu — drobné odchylky v setinách jsou normální. Dominantní barvy zůstávají stabilní.

Funguje to i pro screenshoty webů?

Ano — je to rychlý způsob, jak zjistit barevné schéma cizího webu. Nahraj screenshot a dostaneš jeho paletu včetně přesných kódů.