Barvy – Visualbook

Barvy

Na této stránce

Hlavní barvy

Tyto hlavní barvy vytvářejí základní vizuální charakter značky.

Ocean

#2A89BA

Turquoise

#0D94B1

Q Blue

#2DC2D1

Flamenco

#FF7E0C

Dark ocean

#091F2A

Black

#000000

Ocean

rgb(42, 137, 186)

Turquoise

rgb(13, 148, 177)

Q Blue

rgb(45, 194, 209)

Flamenco

rgb(255, 126, 12)

Dark ocean

rgb(9, 31, 42)

Black

rgb(0, 0, 0)

Ocean

77-26-0-27

Turquoise

93-16-0-31

Q Blue

78-7-0-18)

Flamenco

0-51-95-0

Dark ocean

N/A

Black

N/A

Ocean

N/A

Turquoise

N/A

Q Blue

Process Black C

Flamenco

N/A

Dark ocean

N/A

Black

N/A

Ocean

N/A

Turquoise

032 U

Q Blue

N/A

Flamenco

N/A

Dark ocean

N/A

Black

N/A

Ocean

N/A

Turquoise

N/A

Q Blue

N/A

Flamenco

N/A

Dark ocean

N/A

Black

N/A

Ocean

N/A

Turquoise

235

Q Blue

N/A

Flamenco

N/A

Dark ocean

N/A

Black

N/A

Ocean

N/A

Turquoise

N/A

Q Blue

N/A

Flamenco

N/A

Dark ocean

N/A

Black

N/A

Sekundární barvy

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

Night

#3265B4

Supernova

#FFCA0B

Flamenco

#FF7E0C

Flame Pea

#E0592B

Totem Pole

#AB0D0D

Night

rgb(50, 101, 180)

Supernova

rgb(255, 202, 11)

Flamenco

rgb(255, 126, 12)

Flame Pea

rgb(224, 89, 43)

Totem Pole

rgb(171, 13, 13)

Night

N/A

Supernova

N/A

Flamenco

N/A

Flame Pea

N/A

Totem Pole

N/A

Night

N/A

Supernova

N/A

Flamenco

N/A

Flame Pea

N/A

Totem Pole

N/A

Night

N/A

Supernova

N/A

Flamenco

N/A

Flame Pea

N/A

Totem Pole

N/A

Night

N/A

Supernova

N/A

Flamenco

N/A

Flame Pea

N/A

Totem Pole

N/A

Night

N/A

Supernova

N/A

Flamenco

N/A

Flame Pea

N/A

Totem Pole

N/A

Night

N/A

Supernova

N/A

Flamenco

N/A

Flame Pea

N/A

Totem Pole

N/A

Vzorník podle Tailwind

Barevné přechody

Příklady gradientů používaných v rámci značky.

Supernova

#FFCA0A

Flamenco

#FF7C0A

Cool Gray 30

#C1C7CD

Cool Gray 50

#878D96

Gray 10

#F4F4F4

Gray 30

#C6C6C6

Gray 30

#C6C6C6

Gray 50

#8D8D8D

Barevné palety

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

Gray 100

#161616

Gray 90

#262626

Gray 80

#393939

Gray 70

#525252

Gray 60

#6f6f6f

Gray 50

#8d8d8d

Gray 40

#a8a8a8

Gray 30

#c6c6c6

Gray 20

#e0e0e0

Gray 10

#f4f4f4

Cool Gray 100

#121619

Cool Gray 90

#21272a

Cool Gray 80

#343a3f

Cool Gray 70

#4d5358

Cool Gray 60

#697077

Cool Gray 50

#878d96

Cool Gray 40

#a2a9b0

Cool Gray 30

#c1c7cd

Cool Gray 20

#dde1e6

Cool Gray 10

#f2f4f8

Turquoise blue-50

#fafeff

Turquoise blue-100

#ecfafe

Turquoise blue-200

#d5f5fc

Turquoise blue-300

#b4edf9

Turquoise blue-400

#8ae2f6

Turquoise blue-500

#57d6f2

Turquoise blue-600

#1ac7ee

Turquoise blue-700

#0d92af

Turquoise blue-800

#085768

Turquoise blue-900

#05333e

Turquoise blue-950

#04272f

Ocean Blue 50

#fbfdfe

Ocean Blue 100

#f1f8fc

Ocean Blue 200

#dfeff8

Ocean Blue 300

#c6e3f2

Ocean Blue 400

#A6D6EB

Ocean Blue 500

#7EC1E2

Ocean Blue 600

#5AA0D7

Ocean Blue 700

#2A88C1

Ocean Blue 800

#1F6F8A

Ocean Blue 900

#0D2B3A

Ocean Blue 950

#091F2A

Gray 100

rgb(22, 22, 22)

Gray 90

rgb(38, 38, 38)

Gray 80

rgb(57, 57, 57)

Gray 70

rgb(82, 82, 82)

Gray 60

rgb(111, 111, 111)

Gray 50

rgb(141, 141, 141)

Gray 40

rgb(168, 168, 168)

Gray 30

rgb(198, 198, 198)

Gray 20

rgb(224, 224, 224)

Gray 10

rgb(244, 244, 244)

Cool Gray 100

rgb(18, 22, 25)

Cool Gray 90

rgb(33, 39, 42)

Cool Gray 80

rgb(52, 58, 63)

Cool Gray 70

rgb(77, 83, 88)

Cool Gray 60

rgb(105, 112, 119)

Cool Gray 50

rgb(135, 141, 150)

Cool Gray 40

rgb(162, 169, 176)

Cool Gray 30

rgb(193, 199, 205)

Cool Gray 20

rgb(221, 225, 230)

Cool Gray 10

rgb(242, 244, 248)

Turquoise blue-50

rgb(250, 254, 255)

Turquoise blue-100

rgb(236, 250, 254)

Turquoise blue-200

rgb(213, 245, 252)

Turquoise blue-300

rgb(180, 237, 249)

Turquoise blue-400

rgb(138, 226, 246)

Turquoise blue-500

rgb(87, 214, 242)

Turquoise blue-600

rgb(26, 199, 238)

Turquoise blue-700

rgb(13, 146, 175)

Turquoise blue-800

rgb(8, 87, 104)

Turquoise blue-900

rgb(5, 51, 62)

Turquoise blue-950

rgb(4, 39, 47)

Ocean Blue 50

rgb(251, 253, 254)

Ocean Blue 100

rgb(241, 248, 252)

Ocean Blue 200

rgb(223, 239, 248)

Ocean Blue 300

rgb(198, 227, 242)

Ocean Blue 400

rgb(166, 214, 235)

Ocean Blue 500

rgb(126, 193, 226)

Ocean Blue 600

rgb(90, 160, 215)

Ocean Blue 700

rgb(42, 136, 193)

Ocean Blue 800

rgb(31, 111, 138)

Ocean Blue 900

rgb(13, 43, 58)

Ocean Blue 950

rgb(9, 31, 42)

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

Barvy

Na této stránce

Hlavní barvy

Sekundární barvy

Vzorník podle Tailwind

Barevné přechody

Barevné palety

Poměry barev

Kontrola kontrastu

Barva textu

Barva pozadí

Výsledný kontrast

21.00

Malý text

Velký text

UI komponenty

Barevné režimy

Barevný režim

Co je to?

Použití