# Převládající barva obrázku

Zjistěte dominantní barvu libovolného obrázku a paletu jeho nejčastějších barev. Nástroj rozdělí každý viditelný pixel do 4096 barevných skupin, jako dominantní barvu uvede skupinu s největším počtem pixelů, vypíše až 12 barev palety včetně jejich podílu na obrázku a doplní celkovou průměrnou barvu, vše v hexadecimálním formátu, RGB a HSL. Hodí se návrhářům, tvůrcům šablon a vývojářům, kteří potřebují výplňové nebo zvýrazňující barvy.

## Často kladené otázky

### Jak se určuje dominantní barva?

Každý pixel se zařadí do jedné z 4096 skupin, které mají po 16 úrovních pro červenou, zelenou a modrou. Vyhrává skupina s největším počtem pixelů a její barva je průměrem pixelů uvnitř ní, takže se u bílého pozadí zobrazí čistě bílá, nikoli zaokrouhlená hodnota.

### Co je paleta?

Paleta uvádí nejčastější skupiny po odečtení dominantní barvy, a to až do počtu barev, který zvolíte v rozmezí 1 až 12; výchozí hodnota je 5. U každé položky se zobrazuje hexadecimální hodnota, RGB a HSL a podíl viditelných pixelů, které pokrývá.

### Čím se liší průměrná barva?

Průměrná barva je průměrem všech viditelných pixelů. Na fotografii modré oblohy nad červeným polem může být dominantní modrá nebo červená, ale průměrná barva bude jejich kalnou směsí. Průměrná barva se hodí pro rozmazané výplně, dominantní barva pro zvýraznění.

### Jak se zpracovávají průhledné pixely?

Pixely, které jsou z více než poloviny průhledné, se ignorují, takže se u loga na průhledném pozadí zobrazí barvy loga, nikoli černá. Výsledek uvádí, jakou část obrázku tvoří průhledné pixely. Pokud obrázek neobsahuje žádné viditelné pixely, zobrazí se zpráva místo barvy.

### Které formáty mohu analyzovat?

Podporovány jsou obrázky JPEG, PNG, GIF, WebP, TIFF a AVIF do velikosti 5 MB. Animované soubory GIF a WebP se měří podle prvního snímku a obrázky CMYK se před počítáním převádějí do sRGB.

### Zmenšují se nejprve velké obrázky?

Obrázky s rozměrem větším než 4000 pixelů na jedné straně se před počítáním zmenší tak, aby se vešly do 4000 pixelů. Podíly se tím změní nanejvýš nepatrně. Menší obrázky se počítají pixel po pixelu.

### Proč se podobné odstíny zobrazují jako samostatné barvy?

Skupiny mají šířku 16 úrovní, takže se dva odstíny ležící na opačných stranách hranice skupiny počítají zvlášť. Proto se u přechodů a fotografií v paletě často objevují sousední odstíny. Zvyšte počet barev palety a zobrazí se jich více.

### Mohu barvy použít v CSS?

Ano. Každou barvu získáte v hexadecimálním kódu, například #3366cc, v hodnotách rgb() i v hodnotách hsl(), kde je odstín ve stupních a sytost a světlost v procentech. Můžete je rovnou vložit do CSS, návrhových nástrojů nebo nastavení šablony.

### K čemu mohu dominantní barvu použít?

Mezi běžná použití patří výplně pozadí při načítání obrázků, zvýrazňující barvy karet a záhlaví ladící s titulním obrázkem, třídění produktových fotografií podle barvy a kontrola, zda obrázky značky odpovídají paletě. Strukturovaný výsledek také usnadňuje opětovné použití hodnot ve skriptech a šablonách.

### Je výsledek pokaždé stejný?

Ano. Počítání je deterministické, takže stejný soubor vždy poskytne stejnou dominantní barvu, paletu i podíly. Pokud mají dvě skupiny přesně stejný počet pixelů, jejich pořadí určuje pořadí, v jakém se jejich barvy poprvé objeví.

Vaše reklama zde?

[Napište nám](mailto:hi@dennn.is?subject=Inzerce%20na%20OneClick%20Pro)

[Reklama Sada pluginů připravená pro agenty pro WordPress.](https://sleekwp.com/?ref=oneclickpro)