Barvy – Eppi

Barvy

Na této stránce

Hlavní barvy

Hlavní barevnou paletu tvoří tmavě zelená, světle růžová a jako akcent používáme sytou korálovou.

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
Midnight Green
#053333
Moonlight Pink
#FEEEED
Sunrise Coral
#F1645B
Midnight Green
rgb(5, 51, 51)
Moonlight Pink
rgb(254, 238, 237)
Sunrise Coral
rgb(241, 100, 91)
Midnight Green
91-57-64-59
Moonlight Pink
0-7-3-0
Sunrise Coral
0-76-62-0
Midnight Green
N/A
Moonlight Pink
N/A
Sunrise Coral
N/A
Midnight Green
N/A
Moonlight Pink
N/A
Sunrise Coral
N/A
Midnight Green
N/A
Moonlight Pink
N/A
Sunrise Coral
N/A
Midnight Green
N/A
Moonlight Pink
N/A
Sunrise Coral
N/A

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

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

Green 10

#f2f4f4

Green 20

#d6e2e2

Green 30

#bacaca

Green 40

#98adad

Green 50

#789393

Green 60

#567575

Green 70

#385858

Green 80

#1b3f3f

Green 90

#053333

Green 100

#021919

Coral 10

#fff0ef

Coral 20

#ffd6d2

Coral 30

#ffb3ad

Coral 40

#ff6f61

Coral 50

#de6b61

Coral 60

#b64f45

Coral 70

#883a33

Coral 80

#5f2923

Coral 90

#3f1b17

Coral 100

#24100e

Green 10

rgb(242, 244, 244)

Green 20

rgb(214, 226, 226)

Green 30

rgb(186, 202, 202)

Green 40

rgb(152, 173, 173)

Green 50

rgb(120, 147, 147)

Green 60

rgb(86, 117, 117)

Green 70

rgb(56, 88, 88)

Green 80

rgb(27, 63, 63)

Green 90

rgb(5, 51, 51)

Green 100

rgb(2, 25, 25)

Coral 10

rgb(255, 240, 239)

Coral 20

rgb(255, 214, 210)

Coral 30

rgb(255, 179, 173)

Coral 40

rgb(255, 111, 97)

Coral 50

rgb(222, 107, 97)

Coral 60

rgb(182, 79, 69)

Coral 70

rgb(136, 58, 51)

Coral 80

rgb(95, 41, 35)

Coral 90

rgb(63, 27, 23)

Coral 100

rgb(36, 16, 14)

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