Barvy
Na této stránce
Velký vzorník barev
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Střední vzorník barev
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Malý vzorník barev
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Kompaktní paleta barev
Barevné palety nám umožňují vytvářet digitální prostředí (aplikace, web) s ohledem na dostatečný kontrast a přístupnost všech prvků.
Široká paleta barev
Barevné palety nám umožňují vytvářet digitální prostředí (aplikace, web) s ohledem na dostatečný kontrast a přístupnost všech prvků.
Vzorník gradientů
Příklady gradientů používaných v rámci značky. Nově lze definovat gradienty se třemi barvami.
Visualbook Red
Info 20
CTA
Info 20
Visualbook Red
CTA
Black
Gray 100
Gray 70
CTA
Poměry barev
Proporcionální použití barev v rámci vizuálního stylu. Sekce je v novém, vylepšeném designu.
Kontrola kontrastu
Zkontrolujte kontrast mezi barvami popředí a pozadí pro zajištění čitelnosti textů, nadpisů a tlačítek podle standardů přístupnosti.
WCAG 2.1 Pokyny AA vyžaduje kontrastní poměr alespoň 4,5:1 pro normální text a 3:1 pro velký text. AAA vyžaduje kontrastní poměr alespoň 7:1 pro normální text a 4,5:1 pro velký text.
Prozkoumat tuto barevnou kombinaci na color.review nebo coolors.co
Barevné režimy
Barevné režimy (HEX, RGB, CMYK, Pantone, RAL, NCS) představují různé systémy definování barev, které se používají v různých médiích a technologiích. Tabulka níže vysvětluje jejich použití pro správné zobrazení loga na obrazovkách, v tisku či fyzických materiálech.
Barevný režim | Co je to? | Použití |
---|---|---|
HEX | Ekvivalent RGB (hexadecimální) | WEBHTMLCSS |
RGB | Barevný prostor obrazovek RGB | WEBHTMLCSS |
CMYK |
Barevný prostor pro tiskárny CMYK |
TISK |
Pantone |
Přímé namíchané barvy Pantone pro tisk | TISK |
RAL |
Systém přiřazování barev RAL pro fyzické objekty | PRŮMYSL |
NCS |
Systém přirozených barev NCS založený na vnímání | PRŮMYSLDESIGN |