Barvy – AIFP

Na této stránce

Vzorník barev

Paleta barev určených k použití napříč výstupy (avšak primárně na webu, sítích a obecně v online komunikaci) stojí na rovnováze mezi odborností a lidským přístupem: kombinace modrých a tyrkysových tónů vyjadřuje důvěru, transparentnost a inovace, zatímco žluté a mint akcenty přinášejí energii a optimismus.
V tisku bude barevná paleta o něco tlumenější.

AIFP Teal

#0A546B

Turquoise

#50ABAC

Azure

#89D3DF

Aqua Blue

#D5FEFF

Pale Yellow

#FFFDB2

AIFP Teal

rgb(10, 84, 107)

Turquoise

rgb(80, 171, 172)

Azure

rgb(137, 211, 223)

Aqua Blue

rgb(213, 254, 255)

Pale Yellow

rgb(255, 253, 178)

AIFP Teal

100-27-10-56

Turquoise

65-11-25-27

Azure

48-0-10-0

Aqua Blue

18-0-7-0

Pale Yellow

0-0-30-0

AIFP Teal

3025 C

Turquoise

5483 C

Azure

630 C

Aqua Blue

N/A

Pale Yellow

N/A

AIFP Teal

N/A

Turquoise

N/A

Azure

N/A

Aqua Blue

N/A

Pale Yellow

N/A

AIFP Teal

N/A

Turquoise

N/A

Azure

N/A

Aqua Blue

N/A

Pale Yellow

N/A

AIFP Teal

N/A

Turquoise

N/A

Azure

N/A

Aqua Blue

N/A

Pale Yellow

N/A

AIFP Teal

N/A

Turquoise

N/A

Azure

N/A

Aqua Blue

N/A

Pale Yellow

N/A

Vzorník gradientů

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

Azure

#89D3DF

Pale Yellow

#FFFDB2

Turquoise

#50ABAC

Aqua Blue

#D5FEFF

Deep Blue

#0D286E

Azure

#89D3DF

Pale Yellow

#FFFDB2

Aqua Blue

#D5FEFF

Aqua Blue

#D5FEFF

Turquoise

#50ABAC

Azure

#89D3DF

Deep Blue

#0D286E

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.

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