Barvy

Výchozí barvy

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

~ Champagne Pink
#F0D9D1
~ Battleship gray
#80918A
~ Melon
#D6AB9C
~ Black
#000000
~ White
#FFFFFF
~ Champagne Pink
rgb(240, 217, 209)
~ Battleship gray
rgb(128, 145, 138)
~ Melon
rgb(214, 171, 156)
~ Black
rgb(0, 0, 0)
~ White
rgb(255, 255, 255)
~ Champagne Pink
4-15-14-0
~ Battleship gray
53-33-44-4
~ Melon
15-34-35-0
~ Black
0-0-0-100
~ White
0-0-0-0
~ Champagne Pink
N/A
~ Battleship gray
N/A
~ Melon
N/A
~ Black
Process Black C
~ White
N/A
~ Champagne Pink
N/A
~ Battleship gray
N/A
~ Melon
N/A
~ Black
Process Black U
~ White
N/A
~ Champagne Pink
N/A
~ Battleship gray
7033
~ Melon
3012
~ Black
N/A
~ White
9010
~ Champagne Pink
N/A
~ Battleship gray
N/A
~ Melon
N/A
~ Black
N/A
~ White
N/A
~ Champagne Pink
N/A
~ Battleship gray
N/A
~ Melon
N/A
~ Black
N/A
~ White
N/A

UI Barvy

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

CTA
#D6AB9C
Info
#FFFFFF
Error
#EF233C
Success
#D1F0D9
CTA
rgb(214, 171, 156)
Info
rgb(255, 255, 255)
Error
rgb(239, 35, 60)
Success
rgb(209, 240, 217)
CTA
N/A
Info
N/A
Error
N/A
Success
N/A
CTA
N/A
Info
N/A
Error
N/A
Success
N/A
CTA
N/A
Info
N/A
Error
N/A
Success
N/A
CTA
N/A
Info
N/A
Error
N/A
Success
N/A
CTA
N/A
Info
N/A
Error
N/A
Success
N/A
CTA
N/A
Info
N/A
Error
N/A
Success
N/A

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

~ Champagne Pink 100

#f0d9d1

~ Champagne Pink 90

#f2ddd6

~ Champagne Pink 80

#f3e1da

~ Champagne Pink 70

#f5e4df

~ Champagne Pink 60

#f6e8e3

~ Champagne Pink 50

#f8ece8

~ Champagne Pink 40

#f9f0ed

~ Champagne Pink 30

#fbf4f1

~ Champagne Pink 20

#fcf7f6

~ Champagne Pink 10

#fefbfa

~ Champagne Pink 0

#ffffff

~ Battleship gray 100

#80918a

~ Battleship gray 90

#8a9a93

~ Battleship gray 80

#93a19c

~ Battleship gray 70

#9ca9a4

~ Battleship gray 60

#a5b1ac

~ Battleship gray 50

#aeb9b4

~ Battleship gray 40

#b7c1bd

~ Battleship gray 30

#c9d0cd

~ Battleship gray 20

#e4e8e6

~ Battleship gray 10

#edefee

~ Battleship gray 0

#ffffff

~ Melon 100

#d6ab9c

~ Melon 90

#dab3a6

~ Melon 80

#debcb0

~ Melon 70

#e2c4ba

~ Melon 60

#e6cdc4

~ Melon 50

#ebd5ce

~ Melon 40

#efddd7

~ Melon 30

#f3e6e1

~ Melon 20

#f7eeeb

~ Melon 10

#fbf7f5

~ Melon 0

#ffffff

~ Champagne Pink 100

rgb(240, 217, 209)

~ Champagne Pink 90

rgb(242, 221, 214)

~ Champagne Pink 80

rgb(243, 225, 218)

~ Champagne Pink 70

rgb(245, 228, 223)

~ Champagne Pink 60

rgb(246, 232, 227)

~ Champagne Pink 50

rgb(248, 236, 232)

~ Champagne Pink 40

rgb(249, 240, 237)

~ Champagne Pink 30

rgb(251, 244, 241)

~ Champagne Pink 20

rgb(252, 247, 246)

~ Champagne Pink 10

rgb(254, 251, 250)

~ Champagne Pink 0

rgb(255, 255, 255)

~ Battleship gray 100

rgb(128, 145, 138)

~ Battleship gray 90

rgb(138, 154, 147)

~ Battleship gray 80

rgb(147, 161, 156)

~ Battleship gray 70

rgb(156, 169, 164)

~ Battleship gray 60

rgb(165, 177, 172)

~ Battleship gray 50

rgb(174, 185, 180)

~ Battleship gray 40

rgb(183, 193, 189)

~ Battleship gray 30

rgb(201, 208, 205)

~ Battleship gray 20

rgb(228, 232, 230)

~ Battleship gray 10

rgb(237, 239, 238)

~ Battleship gray 0

rgb(255, 255, 255)

~ Melon 100

rgb(214, 171, 156)

~ Melon 90

rgb(218, 179, 166)

~ Melon 80

rgb(222, 188, 176)

~ Melon 70

rgb(226, 196, 186)

~ Melon 60

rgb(230, 205, 196)

~ Melon 50

rgb(235, 213, 206)

~ Melon 40

rgb(239, 221, 215)

~ Melon 30

rgb(243, 230, 225)

~ Melon 20

rgb(247, 238, 235)

~ Melon 10

rgb(251, 247, 245)

~ Melon 0

rgb(255, 255, 255)

Gradienty

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

~ Champagne Pink 30

#FBF4F1

~ Melon

#D6AB9C

~ Battleship gray 20

#E4E8E6

~ Battleship gray 100

#80918A

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