Barvy – KYZLINK ARCHITECTS

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
White
#FFFFFF
Black
#000000
White
rgb(255, 255, 255)
Black
rgb(0, 0, 0)
White
0-0-0-0
Black
0-0-0-100
White
N/A
Black
Process Black C
White
N/A
Black
N/A
White
9003
Black
9004
White
S 0500-N
Black
S 9000-N

Sekundární barvy (teplé)

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

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
Gray 50
#8D8D8D
Gray 40
#A8A8A8
Gray 30
#C6C6C6
Gray 20
#E0E0E0
Gray 50
rgb(141, 141, 141)
Gray 40
rgb(168, 168, 168)
Gray 30
rgb(198, 198, 198)
Gray 20
rgb(224, 224, 224)
Gray 50
N/A
Gray 40
N/A
Gray 30
N/A
Gray 20
N/A
Gray 50
N/A
Gray 40
N/A
Gray 30
N/A
Gray 20
N/A
Gray 50
N/A
Gray 40
N/A
Gray 30
N/A
Gray 20
N/A
Gray 50
N/A
Gray 40
N/A
Gray 30
N/A
Gray 20
N/A
Gray 50
N/A
Gray 40
N/A
Gray 30
N/A
Gray 20
N/A

Sekundární barvy (studené)

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
Cool Gray 50
#878D96
Cool Gray 40
#A2A9B0
Cool Gray 30
#C1C7CD
Cool Gray 20
#DDE1E6
Cool Gray 50
rgb(135, 141, 150)
Cool Gray 40
rgb(162, 169, 176)
Cool Gray 30
rgb(193, 199, 205)
Cool Gray 20
rgb(221, 225, 230)
Cool Gray 50
N/A
Cool Gray 40
N/A
Cool Gray 30
N/A
Cool Gray 20
N/A
Cool Gray 50
N/A
Cool Gray 40
N/A
Cool Gray 30
N/A
Cool Gray 20
N/A
Cool Gray 50
N/A
Cool Gray 40
N/A
Cool Gray 30
N/A
Cool Gray 20
N/A
Cool Gray 50
N/A
Cool Gray 40
N/A
Cool Gray 30
N/A
Cool Gray 20
N/A
Cool Gray 50
N/A
Cool Gray 40
N/A
Cool Gray 30
N/A
Cool Gray 20
N/A

Barevné přechody

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

Cool Gray 10

#FFFFFF

Cool Gray 30

#C1C7CD

Cool Gray 30

#C1C7CD

Cool Gray 50

#878D96

Gray 10

#F4F4F4

Gray 30

#C6C6C6

Gray 30

#C6C6C6

Gray 50

#8D8D8D

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

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

Gray 100

#161616

Gray 90

#262626

Gray 80

#393939

Gray 70

#525252

Gray 60

#6f6f6f

Gray 50

#8d8d8d

Gray 40

#a8a8a8

Gray 30

#c6c6c6

Gray 20

#e0e0e0

Gray 10

#f4f4f4

Cool Gray 100

#121619

Cool Gray 90

#21272a

Cool Gray 80

#343a3f

Cool Gray 70

#4d5358

Cool Gray 60

#697077

Cool Gray 50

#878d96

Cool Gray 40

#a2a9b0

Cool Gray 30

#c1c7cd

Cool Gray 20

#dde1e6

Cool Gray 10

#f2f4f8

Gray 100

rgb(22, 22, 22)

Gray 90

rgb(38, 38, 38)

Gray 80

rgb(57, 57, 57)

Gray 70

rgb(82, 82, 82)

Gray 60

rgb(111, 111, 111)

Gray 50

rgb(141, 141, 141)

Gray 40

rgb(168, 168, 168)

Gray 30

rgb(198, 198, 198)

Gray 20

rgb(224, 224, 224)

Gray 10

rgb(244, 244, 244)

Cool Gray 100

rgb(18, 22, 25)

Cool Gray 90

rgb(33, 39, 42)

Cool Gray 80

rgb(52, 58, 63)

Cool Gray 70

rgb(77, 83, 88)

Cool Gray 60

rgb(105, 112, 119)

Cool Gray 50

rgb(135, 141, 150)

Cool Gray 40

rgb(162, 169, 176)

Cool Gray 30

rgb(193, 199, 205)

Cool Gray 20

rgb(221, 225, 230)

Cool Gray 10

rgb(242, 244, 248)

Poměry barev

Proporcionální použití barev v rámci vizuálního stylu.

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