Barvy – GeekBoy

Hlavní barvy

Výchozí hlavní signature barvy značky.

GeekBoy Blue 50

#1148E6

GeekBoy Black

#0B0B0B

GeekBoy Blue 50

rgb(17, 72, 230)

GeekBoy Black

rgb(11, 11, 11)

GeekBoy Blue 50

N/A

GeekBoy Black

N/A

GeekBoy Blue 50

N/A

GeekBoy Black

N/A

GeekBoy Blue 50

N/A

GeekBoy Black

N/A

GeekBoy Blue 50

N/A

GeekBoy Black

N/A

GeekBoy Blue 50

N/A

GeekBoy Black

N/A

GeekBoy Blue 50

N/A

GeekBoy Black

N/A

Stavové barvy

Sémantické barvy pro stavy a zpětnou vazbu v testovaných produktech.

Red – Dark

#2B0B0B

Red

#c5333b

Red – Peak

#FF404A

Red – Light

#FFF1F2

Green – Dark

#061912

Green

#009a4c

Green – Peak

#31C96E

Green – Light

#E7F7EC

Orange – Dark

#251200

Orange

#d8602f

Orange – Peak

#FF792E

Orange – Light

#FFF1E9

Red – Dark

rgb(43, 11, 11)

Red

rgb(197, 51, 59)

Red – Peak

rgb(255, 64, 74)

Red – Light

rgb(255, 241, 242)

Green – Dark

rgb(6, 25, 18)

Green

rgb(0, 154, 76)

Green – Peak

rgb(49, 201, 110)

Green – Light

rgb(231, 247, 236)

Orange – Dark

rgb(37, 18, 0)

Orange

rgb(216, 96, 47)

Orange – Peak

rgb(255, 121, 46)

Orange – Light

rgb(255, 241, 233)

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

Blue 100

#000330

Blue 90

#000B54

Blue 80

#031D70

Blue 70

#062B95

Blue 60

#0B3ABD

Blue 50

#1148E6

Blue 40

#3873FF

Blue 30

#5995ff

Blue 20

#86B6FF

Blue 10

#BAD6FF

Blue 0

#EEF4FF

Gray 100

#0B0B0B

Gray 90

#1A1A1A

Gray 80

#2A2A2A

Gray 70

#3B3B3B

Gray 60

#4D4D4D

Gray 50

#606060

Gray 40

#7C7C7C

Gray 30

#989898

Gray 20

#B6B6B6

Gray 10

#D4D4D4

Gray 0

#F3F3F3

Blue 100

rgb(0, 3, 48)

Blue 90

rgb(0, 11, 84)

Blue 80

rgb(3, 29, 112)

Blue 70

rgb(6, 43, 149)

Blue 60

rgb(11, 58, 189)

Blue 50

rgb(17, 72, 230)

Blue 40

rgb(56, 115, 255)

Blue 30

rgb(89, 149, 255)

Blue 20

rgb(134, 182, 255)

Blue 10

rgb(186, 214, 255)

Blue 0

rgb(238, 244, 255)

Gray 100

rgb(11, 11, 11)

Gray 90

rgb(26, 26, 26)

Gray 80

rgb(42, 42, 42)

Gray 70

rgb(59, 59, 59)

Gray 60

rgb(77, 77, 77)

Gray 50

rgb(96, 96, 96)

Gray 40

rgb(124, 124, 124)

Gray 30

rgb(152, 152, 152)

Gray 20

rgb(182, 182, 182)

Gray 10

rgb(212, 212, 212)

Gray 0

rgb(243, 243, 243)

Kontrola kontrastu

Zkontrolujte kontrast mezi barvami popředí a pozadí pro zajištění čitelnosti textů, nadpisů a tlačítek podle standardů přístupnosti.

Barva textu

Barva pozadí

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

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