Barvy – goodnite

Barvy

Na této stránce

Hlavní barvy

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

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
fun
#FFC3C8
sun
#FFE164
sky
#AFEBF5
night
#05142D
fun
rgb(255, 195, 200)
sun
rgb(255, 225, 100)
sky
rgb(175, 235, 245)
night
rgb(5, 20, 45)
fun
0-33-5-0
sun
0-7-74-0
sky
33-3-0-0
night
100-50-0-90
fun
182 C
sun
120 C
sky
291 C
night
296 C
fun
182 U
sun
120 U
sky
291 U
night
296 U
fun
N/A
sun
N/A
sky
N/A
night
N/A
fun
N/A
sun
N/A
sky
N/A
night
N/A
fun
N/A
sun
N/A
sky
N/A
night
N/A

Sekundární barvy

Tyto barvy, které jsou odvozené od primárních, používáme k dosažení vyššího kontrastu. Barvy používané pro text na bílém pozadí.

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
bold fun
#FF96A0
bold sun
#FFC823
bold sky
#78DCEB
bold fun
rgb(255, 150, 160)
bold sun
rgb(255, 200, 35)
bold sky
rgb(120, 220, 235)
bold fun
0-58-20-0
bold sun
0-23-94-0
bold sky
62-3-0-0
bold fun
1775 C
bold sun
123 C
bold sky
298 C
bold fun
1775 U
bold sun
123 U
bold sky
298 U
bold fun
N/A
bold sun
N/A
bold sky
N/A
bold fun
N/A
bold sun
N/A
bold sky
N/A
bold fun
N/A
bold sun
N/A
bold sky
N/A

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