Barvy – PVS Bohemia

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
Tmavě zelená
#1F2118
Žlutá
#FCD50F
Světle zelená
#757F68
Tmavě zelená
rgb(31, 33, 24)
Žlutá
rgb(252, 213, 15)
Světle zelená
rgb(117, 127, 104)
Tmavě zelená
69-62-73-76
Žlutá
2-13-98-0
Světle zelená
55-38-62-13
Tmavě zelená
N/A
Žlutá
N/A
Světle zelená
N/A
Tmavě zelená
N/A
Žlutá
N/A
Světle zelená
N/A
Tmavě zelená
N/A
Žlutá
N/A
Světle zelená
N/A
Tmavě zelená
N/A
Žlutá
N/A
Světle zelená
N/A
Tmavě zelená
N/A
Žlutá
N/A
Světle zelená
N/A

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

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

950

#11120d

900 (Tmavě zelená)

#1f2118

800

#363a2c

700

#505643

600

#69725a

500 (Světle zelená)

#757f68

400

#9fa696

300

#bdc2b8

200

#d9dbd6

100

#edeeec

50

#f7f8f7

950

rgb(17, 18, 13)

900 (Tmavě zelená)

rgb(31, 33, 24)

800

rgb(54, 58, 44)

700

rgb(80, 86, 67)

600

rgb(105, 114, 90)

500 (Světle zelená)

rgb(117, 127, 104)

400

rgb(159, 166, 150)

300

rgb(189, 194, 184)

200

rgb(217, 219, 214)

100

rgb(237, 238, 236)

50

rgb(247, 248, 247)

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