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.

Barva textu

Barva pozadí

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

Prozkoumat tuto barevnou kombinaci na color.review nebo coolors.co

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…)