Barvy – Visualbook

Na této stránce

Vzorník barev

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

Platinum

#E5E5E5

Silver

#C0C0C0

Nickel

#A5A5A5

Graphite

#7A7A7A

Platinum

rgb(229, 229, 229)

Silver

rgb(192, 192, 192)

Nickel

rgb(165, 165, 165)

Graphite

rgb(122, 122, 122)

Platinum

0-0-0-10

Silver

0-0-0-25

Nickel

0-0-0-35

Graphite

0-0-0-52

Platinum

Cool Gray 1 C

Silver

877 C (metallic)

Nickel

Cool Gray 5 C

Graphite

Cool Gray 8 C

Platinum

Cool Gray 1 U

Silver

877 U

Nickel

Cool Gray 5 U

Graphite

Cool Gray 8 U

Platinum

RAL 7035

Silver

RAL 9006

Nickel

RAL 7001

Graphite

RAL 7024

Platinum

N/A

Silver

N/A

Nickel

N/A

Graphite

N/A

Platinum

N/A

Silver

N/A

Nickel

N/A

Graphite

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

Charcoal

#3a3a3a

Tungsten

#595959

Graphite

#7a7a7a

Nickel

#a5a5a5

Silver

#c0c0c0

Platinum

#e5e5e5

Platinum

#e5e5e5

Silver

#c0c0c0

Nickel

#a5a5a5

Graphite

#7a7a7a

Tungsten

#595959

Charcoal

#3a3a3a

Charcoal

rgb(58, 58, 58)

Tungsten

rgb(89, 89, 89)

Graphite

rgb(122, 122, 122)

Nickel

rgb(165, 165, 165)

Silver

rgb(192, 192, 192)

Platinum

rgb(229, 229, 229)

Platinum

rgb(229, 229, 229)

Silver

rgb(192, 192, 192)

Nickel

rgb(165, 165, 165)

Graphite

rgb(122, 122, 122)

Tungsten

rgb(89, 89, 89)

Charcoal

rgb(58, 58, 58)

Charcoal

0-0-0-77

Tungsten

0-0-0-65

Graphite

0-0-0-52

Nickel

0-0-0-35

Silver

0-0-0-25

Platinum

0-0-0-10

Platinum

0-0-0-10

Silver

0-0-0-25

Nickel

0-0-0-35

Graphite

0-0-0-52

Tungsten

0-0-0-65

Charcoal

0-0-0-77

Charcoal

Black 7 C

Tungsten

Cool Gray 10 C

Graphite

Cool Gray 8 C

Nickel

Cool Gray 5 C

Silver

877 C (metallic)

Platinum

Cool Gray 1 C

Platinum

Cool Gray 1 C

Silver

877 C (metallic)

Nickel

Cool Gray 5 C

Graphite

Cool Gray 8 C

Tungsten

Cool Gray 10 C

Charcoal

Black 7 C

Charcoal

Black 7 U

Tungsten

Cool Gray 10 U

Graphite

Cool Gray 8 U

Nickel

Cool Gray 5 U

Silver

877 U

Platinum

Cool Gray 1 U

Platinum

Cool Gray 1 U

Silver

877 U

Nickel

Cool Gray 5 U

Graphite

Cool Gray 8 U

Tungsten

Cool Gray 10 U

Charcoal

Black 7 U

Charcoal

RAL 7021

Tungsten

RAL 7043

Graphite

RAL 7024

Nickel

RAL 7001

Silver

RAL 9006

Platinum

RAL 7035

Platinum

RAL 7035

Silver

RAL 9006

Nickel

RAL 7001

Graphite

RAL 7024

Tungsten

RAL 7043

Charcoal

RAL 7021

Vzorník gradientů

Příklady gradientů používaných v rámci značky. Nově lze definovat gradienty se třemi barvami.

Black

#000000

Gray 1

#B5B5B5

Gray 1

#E8E8E8

Gray 2

#8C8C8C

Black

#000000

Poměry barev

Proporcionální použití barev v rámci vizuálního stylu. Sekce je v novém, vylepšeném designu.

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