Barvy – Spolumajitelé

Barvy

Na této stránce

Vzorník barev

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

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
Zelená
#2F4741
Zlatá
#D7AB5C
Zelená
rgb(47, 71, 65)
Zlatá
rgb(215, 171, 92)
Zelená
47-0-32-70
Zlatá
15-32-70-5
Zelená
553 C
Zlatá
7407 C
Zelená
554 U
Zlatá
7407 U
Zelená
RAL 6028
Zlatá
RAL 1024
Zelená
N/A
Zlatá
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
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

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.

Světla

#3F5B53

Stíny

#1B312C

Zvýraznění

#879B78

Světla

#3F5B53

Stíny

#1B312C

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.

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