Barvy – Na volné noze

Barvy

Základní barvy

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

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
NVN Pink
#E31B53
Blue
#0083C6
Violet
#7E4A93
Green
#96BA39
NVN Pink
rgb(227, 27, 83)
Blue
rgb(0, 131, 198)
Violet
rgb(126, 74, 147)
Green
rgb(150, 186, 57)
NVN Pink
0-95-50-10
Blue
95-30-0-0
Violet
60-80-0-0
Green
50-5-90-0
NVN Pink
1925 C
Blue
299 C
Violet
2583 C
Green
360 C
NVN Pink
N/A
Blue
N/A
Violet
N/A
Green
N/A
NVN Pink
N/A
Blue
N/A
Violet
N/A
Green
N/A
NVN Pink
N/A
Blue
N/A
Violet
N/A
Green
N/A
NVN Pink
N/A
Blue
N/A
Violet
N/A
Green
N/A

Doplňkové barvy

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

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
Bark blue
#2F526B
Gray Blue
#EBF1F5
Yellow
#FBC86A
Gray
#F5F5F5
Bark blue
rgb(47, 82, 107)
Gray Blue
rgb(235, 241, 245)
Yellow
rgb(251, 200, 106)
Gray
rgb(245, 245, 245)
Bark blue
60-20-0-65
Gray Blue
10-4-4-0
Yellow
0-25-60-0
Gray
5-4-4-0
Bark blue
534 C
Gray Blue
N/A
Yellow
N/A
Gray
360 C
Bark blue
N/A
Gray Blue
N/A
Yellow
N/A
Gray
N/A
Bark blue
N/A
Gray Blue
N/A
Yellow
N/A
Gray
N/A
Bark blue
N/A
Gray Blue
N/A
Yellow
N/A
Gray
N/A
Bark blue
N/A
Gray Blue
N/A
Yellow
N/A
Gray
N/A

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, 3M) 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
3M
 Systém vinylových fólií 3M pro polepy a signmaking  SIGNMAKING