Hlavní barvy
RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Všechny formáty
.zip
Tmavě hnědá
#43211F
Světle hnědá
#9C7250
Krémová
#F4DCB2
Tmavě hnědá
rgb(67, 33, 31)
Světle hnědá
rgb(156, 114, 80)
Krémová
rgb(244, 220, 178)
Tmavě hnědá
40-75-60-75
Světle hnědá
30-50-65-25
Krémová
5-15-35-0
Tmavě hnědá
4975
Světle hnědá
876
Krémová
7506
Tmavě hnědá
N/A
Světle hnědá
N/A
Krémová
N/A
Tmavě hnědá
N/A
Světle hnědá
N/A
Krémová
N/A
Tmavě hnědá
N/A
Světle hnědá
N/A
Krémová
N/A
Tmavě hnědá
N/A
Světle hnědá
N/A
Krémová
N/A
Doplňkové barvy
RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Všechny formáty
.zip
Zlatá
#C68B4F
Světlá krémová 1
#FFFDF9
Světlá krémová 2
#F9E9CE
Zlatá
rgb(198, 139, 79)
Světlá krémová 1
rgb(255, 253, 249)
Světlá krémová 2
rgb(249, 233, 206)
Zlatá
20-45-675-10
Světlá krémová 1
0-1-3-0
Světlá krémová 2
3-9-23-0
Zlatá
N/A
Světlá krémová 1
N/A
Světlá krémová 2
N/A
Zlatá
N/A
Světlá krémová 1
N/A
Světlá krémová 2
N/A
Zlatá
N/A
Světlá krémová 1
N/A
Světlá krémová 2
N/A
Zlatá
N/A
Světlá krémová 1
N/A
Světlá krémová 2
N/A
Zlatá
N/A
Světlá krémová 1
N/A
Světlá krémová 2
N/A
Produktové řady
RGB
.ase
CMYK
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Všechny formáty
.zip
Normální vlasy
#9D7250
Barvené a melírované vlasy
#CF3339
Jemné vlasy
#5FD0DF
Suché a lámavé vlasy
#FFC629
Normální vlasy
rgb(157, 114, 80)
Barvené a melírované vlasy
rgb(207, 51, 57)
Jemné vlasy
rgb(95, 208, 223)
Suché a lámavé vlasy
rgb(255, 198, 41)
Normální vlasy
30-50-65-20
Barvené a melírované vlasy
15-90-75-0
Jemné vlasy
70-0-20-0
Suché a lámavé vlasy
0-30-100-0
Normální vlasy
876 C
Barvené a melírované vlasy
1797 C
Jemné vlasy
3105 C
Suché a lámavé vlasy
123 C
Normální vlasy
N/A
Barvené a melírované vlasy
N/A
Jemné vlasy
N/A
Suché a lámavé vlasy
N/A
Normální vlasy
N/A
Barvené a melírované vlasy
N/A
Jemné vlasy
N/A
Suché a lámavé vlasy
N/A
Normální vlasy
N/A
Barvené a melírované vlasy
N/A
Jemné vlasy
N/A
Suché a lámavé vlasy
N/A
Normální vlasy
N/A
Barvené a melírované vlasy
N/A
Jemné vlasy
N/A
Suché a lámavé vlasy
N/A
Barevné gradienty do pozadí
Gradient používáme vždy vertikálně. Od Světlé krémové 1 po Světle krémovou 2.
Světle krémová 1
#FFFDF8
Světle krémová 2
#F9E9CE
Webové barvy
Na webových stránkých používáme striktně jen barvy z této sekce.
RGB
.ase
Figma - Design Tokens
.json
CSS Variables
.css
SCSS Variables
.scss
Tailwind Config
.js
PDF export
.pdf
Všechny formáty
.zip
Pozadí produktů
#FDFDFB
Pozadí stránky
#FAF6EF
Pozadí panelů
#EFE4D9
Tmavý text
#402021
Navlasil hnědá
#7F4D1B
Navlasil červená
#AC1114
Navlasil žlutá
#F6B100
Navlasil modrá
#4EADC0
Navlasil mastné
#22AB6E
Pozitivní zelená
#3A5A35
Pozadí produktů
rgb(253, 253, 251)
Pozadí stránky
rgb(250, 246, 239)
Pozadí panelů
rgb(239, 228, 217)
Tmavý text
rgb(64, 32, 33)
Navlasil hnědá
rgb(127, 77, 27)
Navlasil červená
rgb(172, 17, 20)
Navlasil žlutá
rgb(246, 177, 0)
Navlasil modrá
rgb(78, 173, 192)
Navlasil mastné
rgb(34, 171, 110)
Pozitivní zelená
rgb(58, 90, 53)
Pozadí produktů
N/A
Pozadí stránky
N/A
Pozadí panelů
N/A
Tmavý text
N/A
Navlasil hnědá
N/A
Navlasil červená
N/A
Navlasil žlutá
N/A
Navlasil modrá
N/A
Navlasil mastné
N/A
Pozitivní zelená
N/A
Pozadí produktů
N/A
Pozadí stránky
N/A
Pozadí panelů
N/A
Tmavý text
N/A
Navlasil hnědá
N/A
Navlasil červená
N/A
Navlasil žlutá
N/A
Navlasil modrá
N/A
Navlasil mastné
N/A
Pozitivní zelená
N/A
Pozadí produktů
N/A
Pozadí stránky
N/A
Pozadí panelů
N/A
Tmavý text
N/A
Navlasil hnědá
N/A
Navlasil červená
N/A
Navlasil žlutá
N/A
Navlasil modrá
N/A
Navlasil mastné
N/A
Pozitivní zelená
N/A
Pozadí produktů
N/A
Pozadí stránky
N/A
Pozadí panelů
N/A
Tmavý text
N/A
Navlasil hnědá
N/A
Navlasil červená
N/A
Navlasil žlutá
N/A
Navlasil modrá
N/A
Navlasil mastné
N/A
Pozitivní zelená
N/A
Pozadí produktů
N/A
Pozadí stránky
N/A
Pozadí panelů
N/A
Tmavý text
N/A
Navlasil hnědá
N/A
Navlasil červená
N/A
Navlasil žlutá
N/A
Navlasil modrá
N/A
Navlasil mastné
N/A
Pozitivní zelená
N/A
Pozadí produktů
N/A
Pozadí stránky
N/A
Pozadí panelů
N/A
Tmavý text
N/A
Navlasil hnědá
N/A
Navlasil červená
N/A
Navlasil žlutá
N/A
Navlasil modrá
N/A
Navlasil mastné
N/A
Pozitivní zelená
N/A
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 |