Různé barvy, které k sobě ladí
Získejte několik různých barev se stejnou světlostí a sytostí. Na ikonách, štítcích, grafech i snímcích působí jako jedna sada.
Kliknutím na barvu zkopírujete její HEX.
Jak spolu vypadají
- Domů
- Zprávy
- Kalendář
- Soubory
- Fotky
- Hudba
Kód
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceZkontrolujte své barvy
Vložte barvy, které už používáte, každou na nový řádek nebo oddělené mezerou. Uvidíte, jestli jsou na jedné úrovni, a dostanete opravenou sadu se stejnými odstíny.
Otázky a odpovědi
Proč barvy se stejnou světlostí v HSL vypadají nerovnoměrně?
HSL zachází se všemi odstíny stejně, ale oko ne: žlutá a zelená vypadají při stejných číslech HSL mnohem světleji než modrá. Nástroj pracuje v OKLCH, kde stejná světlost vypadá stejně, takže žádná ikona ani sloupec grafu zbytečně nevyčnívá.
Kolik různých barev lidé rozliší?
V grafu nebo legendě většina lidí rychle rozliší 6 až 8 barev. Do 12 to funguje, pokud jsou vedle barev popisky. Při více kategoriích sloučte ty malé nebo přidejte popisky, vzory či ikony.
Jaký styl zvolit?
Pastelové a jemné se hodí jako pozadí štítků a odznaků s tmavým textem. Zářivé a sytě se hodí na ikony, sloupce a čáry grafu na bílé stránce. Hluboké a tmavé se hodí na dlaždice s bílým textem a akcenty v tmavém motivu.
Mohu na těchto barvách psát text?
Ano. Náhled vybere pro každou barvu černý nebo bílý text. Světlé styly mají tmavý text, hluboké bílý. Pro běžný text zkontrolujte přesnou dvojici v kontrolním nástroji kontrastu.
Jsou barvy se stejnou světlostí bezpečné při barvosleposti?
Barvy na jedné úrovni se liší jen odstínem, což je pro barvoslepé nejtěžší. V grafech přidejte popisky nebo vzory, případně sadu zkontrolujte v simulátoru barvosleposti. Pro ikony s textovými popisky to obvykle stačí.