Paleta barev z obrázku

Jak získat barevnou paletu z obrázku

1. Přetáhni obrázek do oblasti pro nahrání, nebo na ni klikni a vyber soubor. Funguje JPG, PNG, WebP, GIF i jakýkoli jiný formát, který tvůj prohlížeč zobrazí.
2. Nástroj obrázek okamžitě analyzuje a ukáže jeho Dominantní barvy, seřazené od nejvíce po nejméně zastoupené.
3. Uprav Počet barev (3 až 12), aby byla paleta širší nebo užší. Zruš zaškrtnutí Ignorovat bílé a téměř bílé pixely, pokud je bílá na tvém obrázku důležitou barvou, například u bílého produktu nebo sněhu.
4. Jednu barvu zkopíruješ tlačítkem Kopírovat pod jejím vzorkem, nebo vyber formát v poli Exportovat jako (Seznam HEX, Proměnné CSS, Proměnné SCSS, Pole JSON nebo Barvy Tailwind) a celou paletu zkopíruj tlačítkem Kopírovat nebo ji Stáhnout. Získat barvy spustí analýzu znovu.

Tvůj obrázek čte lokálně tvůj prohlížeč. Nikdy se nenahrává na server.

Jak se dominantní barvy hledají

Obrázek se nejprve vykreslí na neviditelné plátno a zmenší tak, aby jeho delší strana měla nejvýše 512 pixelů. To udrží analýzu rychlou, aniž by se změnily celkové barvy. Pixely se pak seskupí kvantizačním algoritmem (upravený median cut z open-source knihovny Color Thief) pracujícím v barevném prostoru OKLCH, takže barvy, které oku připadají podobné, skončí ve stejné skupině.

Každá skupina se stane jednou barvou palety a procento pod každým vzorkem je jejím podílem na vzorkovaných pixelech. Pruh nad vzorky tyto poměry ukazuje na první pohled. Průhledné pixely se přeskakují, a dokud je volba zaškrtnutá, i bílé a téměř bílé, protože jednobarevná bílá pozadí by jinak ovládla většinu fotek produktů a snímků obrazovky.

Každý vzorek ukazuje svůj kód HEX černě nebo bíle, podle toho, co se čte lépe, takže popisek zůstává čitelný na světlých i tmavých barvách.

Nápady, jak použít paletu z obrázku

• Branding a webdesign: vytvoř motiv webu z hlavní fotky nebo loga, aby rozhraní ladilo s obrázkem.
• Prezentace a sociální sítě: vyber barvy textu a pozadí, které se hodí k titulnímu obrázku.
• Interiérový design, móda a umění: zachyť atmosféru fotky, obrazu nebo vzorku látky.
• Vizualizace dat: převezmi barvy grafů z ilustrace použité ve stejné zprávě.

Získané barvy jsou průměry mnoha pixelů, takže mohou vypadat o něco méně živě než nejsytější místo na fotce. Pokud potřebuješ přesnou barvu jednoho konkrétního pixelu, použij místo toho nástroj pro výběr barvy z obrázku.