Barvy – Visualbook

Barvy

Na této stránce

Vzorník barev

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
BOLD fire
#E52421
BOLD mint
#98CEB2
BOLD soft mint
#CBE5D4
BOLD fire
rgb(229, 36, 33)
BOLD mint
rgb(152, 206, 178)
BOLD soft mint
rgb(203, 229, 212)
BOLD fire
0-98-96-0
BOLD mint
46-0-39-0
BOLD soft mint
26-0-23-0
BOLD fire
485 C
BOLD mint
PANTONE P 133-4 C
BOLD soft mint
PANTONE P 136-1 C
BOLD fire
N/A
BOLD mint
N/A
BOLD soft mint
N/A
BOLD fire
RAL 3024
BOLD mint
RAL 160 80 25
BOLD soft mint
RAL 170 90 10
BOLD fire
N/A
BOLD mint
N/A
BOLD soft mint
N/A
BOLD fire
N/A
BOLD mint
N/A
BOLD soft mint
N/A

BOLD 2025

Additional color for BOLD 2025

RGB
.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
BOLD chocolate
#280C14
BOLD chocolate
rgb(40, 12, 20)
BOLD chocolate
N/A
BOLD chocolate
PANTONE 8623 C
BOLD chocolate
N/A
BOLD chocolate
RAL 8019
BOLD chocolate
N/A
BOLD chocolate
N/A

BOLD 2026

Additional color for BOLD 2026

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
BOLD sky
#009FE3
BOLD sky
rgb(0, 159, 227)
BOLD sky
76-22-0-0
BOLD sky
PANTONE P 115-8 C
BOLD sky
N/A
BOLD sky
RAL 5015
BOLD sky
N/A
BOLD sky
N/A

Vzorník gradientů

Příklady gradientů používaných v rámci značky. Nově lze definovat gradienty se třemi barvami.

BOLD fire

#E52421

BOLD mint

#98CEB2

BOLD sky

#009FE3

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

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