Barvy – Visualbook

Barvy

Na této stránce

Vzorník barev

Definice barev pro použití napříč digitálními i tiskovými výstupy značky.

JSNS blue

#00536C

Yellow

#FFF9BF

Off White

#FFFDF5

Pink

#E7A0A4

Red

#C33129

JSNS blue

rgb(0, 83, 108)

Yellow

rgb(255, 249, 191)

Off White

rgb(255, 253, 245)

Pink

rgb(231, 160, 164)

Red

rgb(195, 49, 41)

JSNS blue

100-35-27-42

Yellow

2-0-39-0

Off White

1-1-6-0

Pink

7-46-26-1

Red

16-91-87-6

JSNS blue

3025 C

Yellow

600 C

Off White

N/A

Pink

197 C

Red

N/A

JSNS blue

N/A

Yellow

N/A

Off White

N/A

Pink

N/A

Red

N/A

JSNS blue

N/A

Yellow

N/A

Off White

N/A

Pink

N/A

Red

N/A

JSNS blue

N/A

Yellow

N/A

Off White

N/A

Pink

N/A

Red

N/A

JSNS blue

N/A

Yellow

N/A

Off White

N/A

Pink

N/A

Red

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

80% blue

#337589

60% blue

#6698A7

40% blue

#99BAC4

20% blue

#CCDDE2

50% yellow

#FFFCDF

80% pink

#ecb3b6

60% pink

#F1C6C8

40% pink

#F5D9DB

20% pink

#FAECED

80% blue

rgb(51, 117, 137)

60% blue

rgb(102, 152, 167)

40% blue

rgb(153, 186, 196)

20% blue

rgb(204, 221, 226)

50% yellow

rgb(255, 252, 223)

80% pink

rgb(236, 179, 182)

60% pink

rgb(241, 198, 200)

40% pink

rgb(245, 217, 219)

20% pink

rgb(250, 236, 237)

Poměry barev

Proporcionální použití barev v rámci vizuálního stylu.

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 (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