Barvy – emerosa

Barvy

Základní barvy

Základní barevná paleta určuje vizuální charakter značky. Slouží jako jednotící prvek napříč všemi výstupy — od produktů a obalů až po online komunikaci a marketingové materiály.

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
emerosa rose
#E6508C
tea rose
#F1B4B7
mineral
#EFF4DD
emerosa black
#1F211C
emerosa rose
rgb(230, 80, 140)
tea rose
rgb(241, 180, 183)
mineral
rgb(239, 244, 221)
emerosa black
rgb(31, 33, 28)
emerosa rose
0-80-100-0
tea rose
3-38-20-0
mineral
9-0-18-0
emerosa black
9-0-18-100
emerosa rose
N/A
tea rose
N/A
mineral
N/A
emerosa black
N/A
emerosa rose
N/A
tea rose
N/A
mineral
N/A
emerosa black
N/A
emerosa rose
N/A
tea rose
N/A
mineral
N/A
emerosa black
N/A
emerosa rose
N/A
tea rose
N/A
mineral
N/A
emerosa black
N/A

Doplňkové barvy

Doplňkové barvy rozšiřují základní paletu a slouží k oživení nebo odlišení vizuálu při speciálních produktových edicích, kampaních nebo sezónních materiálech.

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
levander
#A296C0
plum
#685C96
calendula
#EDD086
peach
#E49966
levander
rgb(162, 150, 192)
plum
rgb(104, 92, 150)
calendula
rgb(237, 208, 134)
peach
rgb(228, 153, 102)
levander
40-45-0-0
plum
67-68-9-3
calendula
2-20-56-0
peach
0-50-66-0
levander
N/A
plum
N/A
calendula
N/A
peach
N/A
levander
N/A
plum
N/A
calendula
N/A
peach
N/A
levander
N/A
plum
N/A
calendula
N/A
peach
N/A
levander
N/A
plum
N/A
calendula
N/A
peach
N/A

Barevná škála odstínů

Barevná škálu odstínů (100–10) je určena pro použití v digitálním prostředí. Umožňuje vytvářet vizuální hierarchii s ohledem na čitelnost a kontrast.

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

100

#eff4dd

90

#f1f5e0

80

#f2f6e4

70

#f4f7e7

60

#f5f8eb

50

#f7f9ee

40

#f9fbf1

30

#fafcf5

20

#fcfdf8

10

#fdfefc

100

#f1b4b7

90

#f4c1c3

80

#f6ccce

70

#f8d7d9

60

#fae0e1

50

#fbe8e9

40

#fcf0f0

30

#fdf5f6

20

#fefafa

10

#fffcfc

100

#e6508c

90

#e86197

80

#eb73a3

70

#ed84ae

60

#f096ba

50

#f2a7c5

40

#f5b9d1

30

#f7cadc

20

#fadce8

10

#fcedf3

100

#1f211c

90

#363733

80

#4c4d4a

70

#626460

60

#797a77

50

#8f908e

40

#a6a6a4

30

#bcbcbb

20

#d2d3d2

10

#e9e9e8

100

rgb(239, 244, 221)

90

rgb(241, 245, 224)

80

rgb(242, 246, 228)

70

rgb(244, 247, 231)

60

rgb(245, 248, 235)

50

rgb(247, 249, 238)

40

rgb(249, 251, 241)

30

rgb(250, 252, 245)

20

rgb(252, 253, 248)

10

rgb(253, 254, 252)

100

rgb(241, 180, 183)

90

rgb(244, 193, 195)

80

rgb(246, 204, 206)

70

rgb(248, 215, 217)

60

rgb(250, 224, 225)

50

rgb(251, 232, 233)

40

rgb(252, 240, 240)

30

rgb(253, 245, 246)

20

rgb(254, 250, 250)

10

rgb(255, 252, 252)

100

rgb(230, 80, 140)

90

rgb(232, 97, 151)

80

rgb(235, 115, 163)

70

rgb(237, 132, 174)

60

rgb(240, 150, 186)

50

rgb(242, 167, 197)

40

rgb(245, 185, 209)

30

rgb(247, 202, 220)

20

rgb(250, 220, 232)

10

rgb(252, 237, 243)

100

rgb(31, 33, 28)

90

rgb(54, 55, 51)

80

rgb(76, 77, 74)

70

rgb(98, 100, 96)

60

rgb(121, 122, 119)

50

rgb(143, 144, 142)

40

rgb(166, 166, 164)

30

rgb(188, 188, 187)

20

rgb(210, 211, 210)

10

rgb(233, 233, 232)

Doplňková barevná škála

Doplňková barevná škála odstínů (100–10) rozšiřuje vizuální jazyk o další barevné akcenty. Slouží k podpoře orientace, zvýraznění prvků a tvorbě kontrastních či tematických vrstev v digitálním prostředí.

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

100

#edd086

90

#f0d997

80

#f3e0a9

70

#f5e7b9

60

#f7edc9

50

#f9f2d6

40

#fbf6e1

30

#fcf9eb

20

#fdfbf2

10

#fefdf9

100

#e49966

90

#e8a87a

80

#ecb88e

70

#f0c7a3

60

#f3d5b7

50

#f6e2ca

40

#f9eedd

30

#fcf5ea

20

#fdf9f2

10

#fefcf9

100

#a296c0

90

#aea4c9

80

#bab3d2

70

#c7c1db

60

#d4cfe4

50

#e0dcec

40

#ebe7f3

30

#f3f1f7

20

#f8f6fa

10

#fbfafc

100

#685c96

90

#776da1

80

#877dac

70

#978eb8

60

#a89fc4

50

#b9b0d0

40

#cac2dc

30

#dbd4e7

20

#ece7f3

10

#f7f4fa

100

rgb(237, 208, 134)

90

rgb(240, 217, 151)

80

rgb(243, 224, 169)

70

rgb(245, 231, 185)

60

rgb(247, 237, 201)

50

rgb(249, 242, 214)

40

rgb(251, 246, 225)

30

rgb(252, 249, 235)

20

rgb(253, 251, 242)

10

rgb(254, 253, 249)

100

rgb(228, 153, 102)

90

rgb(232, 168, 122)

80

rgb(236, 184, 142)

70

rgb(240, 199, 163)

60

rgb(243, 213, 183)

50

rgb(246, 226, 202)

40

rgb(249, 238, 221)

30

rgb(252, 245, 234)

20

rgb(253, 249, 242)

10

rgb(254, 252, 249)

100

rgb(162, 150, 192)

90

rgb(174, 164, 201)

80

rgb(186, 179, 210)

70

rgb(199, 193, 219)

60

rgb(212, 207, 228)

50

rgb(224, 220, 236)

40

rgb(235, 231, 243)

30

rgb(243, 241, 247)

20

rgb(248, 246, 250)

10

rgb(251, 250, 252)

100

rgb(104, 92, 150)

90

rgb(119, 109, 161)

80

rgb(135, 125, 172)

70

rgb(151, 142, 184)

60

rgb(168, 159, 196)

50

rgb(185, 176, 208)

40

rgb(202, 194, 220)

30

rgb(219, 212, 231)

20

rgb(236, 231, 243)

10

rgb(247, 244, 250)

Poměry barev

Stanovený barevný poměr určuje využití barev především napříč produktovým portfoliem. Pomáhá udržet jednotný vizuální styl a zajistit konzistenci jednotlivých řad produktů.

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