Barvy – Park Hluboká

Barvy

Vzorník barev

Základní barvy tvořící identitu značky

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
Všechny formáty
.zip
Blankytně modrá
#91E1E2
Mintově zelená
#91E2BC
Broskvově růžová
#F5AD9E
Atraktivně žlutá
#F9D769
Blankytně modrá
rgb(145, 225, 226)
Mintově zelená
rgb(145, 226, 188)
Broskvově růžová
rgb(245, 173, 158)
Atraktivně žlutá
rgb(249, 215, 105)
Blankytně modrá
40-0-15-0
Mintově zelená
42-0-34-0
Broskvově růžová
0-37-27-0
Atraktivně žlutá
1-12-71-0
Blankytně modrá
317 C
Mintově zelená
337 C
Broskvově růžová
1625 C
Atraktivně žlutá
121 C
Blankytně modrá
317 U
Mintově zelená
337 U
Broskvově růžová
1625 U
Atraktivně žlutá
121 U
Blankytně modrá
RAL 6027
Mintově zelená
6027
Broskvově růžová
3012
Atraktivně žlutá
1018
Blankytně modrá
NCS S 1040-B
Mintově zelená
S 1040-B50G
Broskvově růžová
S 1040-Y90R
Atraktivně žlutá
S 0560-Y

Paleta barev

Barevné palety ukazují spektrum barev se kterými je možné v rámci značky pracovat. A to jak v digitálním, tak tiskovém prostředí. Barvy použité pro text musí odpovídat správnému kontrastu vůči pozadí na které je text aplikován. Správný kontrast lze otestovat níže v tomto manuálu

RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Visualbook Export
.txt
Všechny formáty
.zip

Modrá 100

#022742

Modrá 90

#05426E

Modrá 80

#91E1E2

Modrá 70

#D3F4F4

Zelená 100

#0D3D37

Zelená 90

#0F685B

Zelená 80

#91E2BC

Zelená 70

#C9F4DE

Růžová 100

#A34333

Růžová 90

#EE765D

Růžová 80

#F5AD9E

Růžová 70

#F9DCD7

Žlutá 100

#FF9122

Žlutá 90

#FFBB02

Žlutá 80

#F9D769

Žlutá 70

#F9EDCD

Šedivá 100

#DDE0E5

Šedivá 90

#E2E6E9

Šedivá 80

#F5F6F8

Šedivá 70

#FFFFFF

Modrá 100

rgb(2, 39, 66)

Modrá 90

rgb(5, 66, 110)

Modrá 80

rgb(145, 225, 226)

Modrá 70

rgb(211, 244, 244)

Zelená 100

rgb(13, 61, 55)

Zelená 90

rgb(15, 104, 91)

Zelená 80

rgb(145, 226, 188)

Zelená 70

rgb(201, 244, 222)

Růžová 100

rgb(163, 67, 51)

Růžová 90

rgb(238, 118, 93)

Růžová 80

rgb(245, 173, 158)

Růžová 70

rgb(249, 220, 215)

Žlutá 100

rgb(255, 145, 34)

Žlutá 90

rgb(255, 187, 2)

Žlutá 80

rgb(249, 215, 105)

Žlutá 70

rgb(249, 237, 205)

Šedivá 100

rgb(221, 224, 229)

Šedivá 90

rgb(226, 230, 233)

Šedivá 80

rgb(245, 246, 248)

Šedivá 70

rgb(255, 255, 255)

Modrá 100

100-80-42-43

Modrá 90

100-73-29-12

Modrá 80

40-0-15-0

Modrá 70

15-0-5-0

Zelená 100

95-47-70-46

Zelená 90

98-38-69-28

Zelená 80

42-0-34-0

Zelená 70

20-0-17-0

Růžová 100

20-87-84-9

Růžová 90

0-67-58-0

Růžová 80

0-37-27-0

Růžová 70

0-14-8-0

Žlutá 100

0-51-100-0

Žlutá 90

0-27-100-0

Žlutá 80

1-12-71-0

Žlutá 70

1-4-19-0

Šedivá 100

10-7-4-0

Šedivá 90

9-4-4-0

Šedivá 80

2-1-1-0

Šedivá 70

0-0-0-0

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

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