Barvy

Na této stránce

Velký vzorník

Barvy používané v prostředí aplikace (UI - User Interface) a na webu.

CTA
#FE1A3F
Black
#000000
White
#FFFFFF
Light Gray
#F5F5F5
CTA
rgb(254, 26, 63)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Light Gray
rgb(245, 245, 245)
CTA
N/A
Black
N/A
White
N/A
Light Gray
N/A
CTA
N/A
Black
N/A
White
N/A
Light Gray
N/A
CTA
N/A
Black
N/A
White
178 U
Light Gray
N/A
CTA
N/A
Black
N/A
White
N/A
Light Gray
N/A
CTA
R 5578
Black
N/A
White
D 4532
Light Gray
N/A

Střední vzorník

Barvy používané v prostředí aplikace (UI - User Interface) a na webu.

Platinum
#E5E5E5
Silver
#C0C0C0
Nickel
#A5A5A5
Graphite
#7A7A7A
Tungsten
#595959
Charcoal
#3A3A3A
Platinum
rgb(229, 229, 229)
Silver
rgb(192, 192, 192)
Nickel
rgb(165, 165, 165)
Graphite
rgb(122, 122, 122)
Tungsten
rgb(89, 89, 89)
Charcoal
rgb(58, 58, 58)
Platinum
0-0-0-10
Silver
0-0-0-25
Nickel
0-0-0-35
Graphite
0-0-0-52
Tungsten
0-0-0-65
Charcoal
0-0-0-77
Platinum
Cool Gray 1 C
Silver
877 C (metallic)
Nickel
Cool Gray 5 C
Graphite
Cool Gray 8 C
Tungsten
Cool Gray 10 C
Charcoal
Black 7 C
Platinum
Cool Gray 1 U
Silver
877 U
Nickel
Cool Gray 5 U
Graphite
Cool Gray 8 U
Tungsten
Cool Gray 10 U
Charcoal
Black 7 U
Platinum
RAL 7035
Silver
RAL 9006
Nickel
RAL 7001
Graphite
RAL 7024
Tungsten
RAL 7043
Charcoal
RAL 7021
Platinum
N/A
Silver
N/A
Nickel
N/A
Graphite
N/A
Tungsten
N/A
Charcoal
N/A

Malý vzorník

Barvy používané v prostředí aplikace (UI - User Interface) a na webu.

Black
#000000
Dark Maroon
#2A0010
Burgundy
#540020
Cranberry
#7F0030
Raspberry
#A9003F
Rose Red
#D3004F
Bright Red
#FD005F
Error
#FE1B3F
Black
rgb(0, 0, 0)
Dark Maroon
rgb(42, 0, 16)
Burgundy
rgb(84, 0, 32)
Cranberry
rgb(127, 0, 48)
Raspberry
rgb(169, 0, 63)
Rose Red
rgb(211, 0, 79)
Bright Red
rgb(253, 0, 95)
Error
rgb(254, 27, 63)
Black
0-0-0-100
Dark Maroon
0-100-60-84
Burgundy
0-100-60-70
Cranberry
0-100-60-55
Raspberry
0-100-60-35
Rose Red
0-100-60-17
Bright Red
0-100-63-1
Error
0-89-75-0
Black
Black C
Dark Maroon
504 C
Burgundy
7645 C
Cranberry
7421 C
Raspberry
7635 C
Rose Red
1925 C
Bright Red
1787 C
Error
1788 C
Black
Black U
Dark Maroon
504 U
Burgundy
7645 U
Cranberry
7421 U
Raspberry
7635 U
Rose Red
1925 U
Bright Red
1787 U
Error
1788 U
Black
RAL 9005
Dark Maroon
RAL 3007
Burgundy
RAL 3005
Cranberry
RAL 4004
Raspberry
RAL 4006
Rose Red
RAL 4010
Bright Red
RAL 3026
Error
RAL 3027
Black
N/A
Dark Maroon
N/A
Burgundy
N/A
Cranberry
N/A
Raspberry
N/A
Rose Red
N/A
Bright Red
N/A
Error
N/A

Palety 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ů.

Blue 100

#071338

Blue 90

#071D67

Blue 80

#0A2E9B

Blue 70

#1043CD

Blue 60

#2460FF

Blue 50

#4B8AFF

Blue 40

#7CA8FF

Blue 30

#A9C7FF

Blue 20

#D0E0FF

Blue 10

#ECF5FF

Blue 100

rgb(7, 19, 56)

Blue 90

rgb(7, 29, 103)

Blue 80

rgb(10, 46, 155)

Blue 70

rgb(16, 67, 205)

Blue 60

rgb(36, 96, 255)

Blue 50

rgb(75, 138, 255)

Blue 40

rgb(124, 168, 255)

Blue 30

rgb(169, 199, 255)

Blue 20

rgb(208, 224, 255)

Blue 10

rgb(236, 245, 255)

Blue 100

87-66-0-78

Blue 90

93-72-0-60

Blue 80

94-70-0-39

Blue 70

92-67-0-20

Blue 60

86-62-0-0

Blue 50

71-46-0-0

Blue 40

51-34-0-0

Blue 30

34-22-0-0

Blue 20

18-12-0-0

Blue 10

7-4-0-0

Blue 100

N/A

Blue 90

N/A

Blue 80

N/A

Blue 70

N/A

Blue 60

N/A

Blue 50

N/A

Blue 40

N/A

Blue 30

N/A

Blue 20

N/A

Blue 10

N/A

Blue 100

N/A

Blue 90

N/A

Blue 80

N/A

Blue 70

N/A

Blue 60

N/A

Blue 50

N/A

Blue 40

N/A

Blue 30

N/A

Blue 20

N/A

Blue 10

N/A

Blue 100

N/A

Blue 90

N/A

Blue 80

N/A

Blue 70

N/A

Blue 60

N/A

Blue 50

N/A

Blue 40

N/A

Blue 30

N/A

Blue 20

N/A

Blue 10

N/A

Blue 100

N/A

Blue 90

N/A

Blue 80

N/A

Blue 70

N/A

Blue 60

N/A

Blue 50

N/A

Blue 40

N/A

Blue 30

N/A

Blue 20

N/A

Blue 10

N/A

Gray 100

#161616

Gray 90

#262626

Gray 80

#393939

Gray 70

#525252

Gray 60

#6F6F6F

Gray 50

#8D8D8D

Gray 40

#A8A8A8

Gray 30

#C6C6C6

Gray 20

#E0E0E0

Gray 10

#F4F4F4

Gray 100

rgb(22, 22, 22)

Gray 90

rgb(38, 38, 38)

Gray 80

rgb(57, 57, 57)

Gray 70

rgb(82, 82, 82)

Gray 60

rgb(111, 111, 111)

Gray 50

rgb(141, 141, 141)

Gray 40

rgb(168, 168, 168)

Gray 30

rgb(198, 198, 198)

Gray 20

rgb(224, 224, 224)

Gray 10

rgb(244, 244, 244)

Gray 100

8-6-89-5

Gray 90

N/A

Gray 80

N/A

Gray 70

N/A

Gray 60

N/A

Gray 50

N/A

Gray 40

N/A

Gray 30

N/A

Gray 20

N/A

Gray 10

N/A

Gray 100

N/A

Gray 90

N/A

Gray 80

N/A

Gray 70

N/A

Gray 60

N/A

Gray 50

N/A

Gray 40

N/A

Gray 30

N/A

Gray 20

N/A

Gray 10

N/A

Gray 100

N/A

Gray 90

N/A

Gray 80

N/A

Gray 70

N/A

Gray 60

N/A

Gray 50

N/A

Gray 40

N/A

Gray 30

N/A

Gray 20

N/A

Gray 10

N/A

Gray 100

N/A

Gray 90

N/A

Gray 80

N/A

Gray 70

N/A

Gray 60

N/A

Gray 50

N/A

Gray 40

N/A

Gray 30

N/A

Gray 20

N/A

Gray 10

N/A

Gray 100

N/A

Gray 90

N/A

Gray 80

N/A

Gray 70

N/A

Gray 60

N/A

Gray 50

N/A

Gray 40

N/A

Gray 30

N/A

Gray 20

N/A

Gray 10

N/A

Red 100

#2B0B0B

Red 90

#4F090D

Red 80

#740E14

Red 70

#A2171F

Red 60

#D9222C

Red 50

#F95355

Red 40

#FF8384

Red 30

#FFB3B2

Red 20

#FFD6D5

Red 10

#FFF1F2

Red 100

rgb(43, 11, 11)

Red 90

rgb(79, 9, 13)

Red 80

rgb(116, 14, 20)

Red 70

rgb(162, 23, 31)

Red 60

rgb(217, 34, 44)

Red 50

rgb(249, 83, 85)

Red 40

rgb(255, 131, 132)

Red 30

rgb(255, 179, 178)

Red 20

rgb(255, 214, 213)

Red 10

rgb(255, 241, 242)

Red 100

0-74-74-83

Red 90

0-89-84-69

Red 80

0-88-83-55

Red 70

0-86-81-36

Red 60

0-84-80-15

Red 50

0-67-66-2

Red 40

0-49-48-0

Red 30

0-30-30-0

Red 20

0-16-16-0

Red 10

0-5-5-0

Red 100

N/A

Red 90

N/A

Red 80

N/A

Red 70

N/A

Red 60

N/A

Red 50

N/A

Red 40

N/A

Red 30

N/A

Red 20

N/A

Red 10

N/A

Red 100

N/A

Red 90

N/A

Red 80

N/A

Red 70

N/A

Red 60

N/A

Red 50

N/A

Red 40

N/A

Red 30

N/A

Red 20

N/A

Red 10

N/A

Red 100

N/A

Red 90

N/A

Red 80

N/A

Red 70

N/A

Red 60

N/A

Red 50

N/A

Red 40

N/A

Red 30

N/A

Red 20

N/A

Red 10

N/A

Red 100

N/A

Red 90

N/A

Red 80

N/A

Red 70

N/A

Red 60

N/A

Red 50

N/A

Red 40

N/A

Red 30

N/A

Red 20

N/A

Red 10

N/A

Barevné přechody

Příklady gradientů používaných v rámci značky.

Visualbook Red

#FE1B3F

Info 20

#C7E3FF

CTA

#0F62FE

Info 20

#C7E3FF

Visualbook Red

#FE1B3F

CTA

#0F62FE

Gray 100

#141619

Gray 70

#4F525F

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.

Výsledný kontrast
21.00
Malý text Méně než 18pt nebo 14pt tučné
AAA
Velký text Alespoň 18pt nebo 14pt tučné
AAA
UI komponenty Grafické objekty a UI komponenty
AA

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.

Barevné režimy

Barevné režimy určují barevné schéma, které pro logo zvolíme, aby se správně zobrazilo na obrazovkách i v tisku.

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

Výběr barevného režimu

Vhodný barevný režim loga:  RGB logo
CMYK logo
Pantone logo
Logo bude na obrazovce (web, mobil, prezentace…)


Logo bude v tisku (vizitka, leták…)