Barvy – Visualbook

Barvy

Na této stránce

Vzorník barev

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

Mist

#A4B5C2

Steel

#768FA4

Slate

#53697C

Graphite

#34434E

Ink

#161C21

Blush

#FFB2BF

Flamingo

#FF647E

Crimson

#FF173E

Scarlet

#D70024

Mist

rgb(164, 181, 194)

Steel

rgb(118, 143, 164)

Slate

rgb(83, 105, 124)

Graphite

rgb(52, 67, 78)

Ink

rgb(22, 28, 33)

Blush

rgb(255, 178, 191)

Flamingo

rgb(255, 100, 126)

Crimson

rgb(255, 23, 62)

Scarlet

rgb(215, 0, 36)

Mist

C15 M7 Y0 K24

Steel

C28 M13 Y0 K36

Slate

C33 M15 Y0 K51

Graphite

C33 M14 Y0 K69

Ink

C33 M15 Y0 K87

Blush

C0 M30 Y25 K0

Flamingo

C0 M61 Y51 K0

Crimson

C0 M91 Y76 K0

Scarlet

C0 M100 Y83 K16

Mist

5435 C

Steel

5425 C

Slate

5415 C

Graphite

7693 C

Ink

419 C

Blush

706 C

Flamingo

706 C

Crimson

032 C

Scarlet

186 C

Mist

5435 U

Steel

5425 U

Slate

5415 U

Graphite

7693 U

Ink

419 U

Blush

706 U

Flamingo

706 U

Crimson

032 U

Scarlet

186 U

Mist

RAL 7040

Steel

RAL 7031

Slate

RAL 5014

Graphite

RAL 7024

Ink

RAL 9005

Blush

RAL 3015

Flamingo

RAL 3015

Crimson

RAL 3020

Scarlet

RAL 3002

Mist

S 2010-B

Steel

S 3020-B

Slate

S 4020-B

Graphite

S 6010-B

Ink

S 9000-N

Blush

S 0530-R

Flamingo

S 0530-R

Crimson

S 0580-R

Scarlet

S 2080-R

Mist

3M 180-10

Steel

3M 180-213

Slate

3M 180-337

Graphite

3M 180-196

Ink

3M 1080 M12

Blush

3M 180-13

Flamingo

3M 180-13

Crimson

3M 1080 G203

Scarlet

3M 1080 G13

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

Mist

#a4b5c2

Steel

#768fa4

Slate

#53697c

Graphite

#34434e

Ink

#161c21

Blush

#ffb2bf

Flamingo

#ff647e

Crimson

#ff173e

Scarlet

#d70024

Mist

rgb(164, 181, 194)

Steel

rgb(118, 143, 164)

Slate

rgb(83, 105, 124)

Graphite

rgb(52, 67, 78)

Ink

rgb(22, 28, 33)

Blush

rgb(255, 178, 191)

Flamingo

rgb(255, 100, 126)

Crimson

rgb(255, 23, 62)

Scarlet

rgb(215, 0, 36)

Mist

C15 M7 Y0 K24

Steel

C15 M7 Y0 K24

Slate

C33 M15 Y0 K51

Graphite

C33 M14 Y0 K69

Ink

C33 M15 Y0 K87

Blush

C0 M30 Y25 K0

Flamingo

C0 M61 Y51 K0

Crimson

C0 M91 Y76 K0

Scarlet

C0 M100 Y83 K16

Vzorník gradientů

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

Black

#000000

Gray 1

#B5B5B5

Gray 1

#E8E8E8

Gray 2

#8C8C8C

Black

#000000

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.

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