Barvy – Caster

Barvy

Na této stránce

Primární barvy

Primární barevná paleta představuje základní vizuální identitu značky.

Používá se ve všech klíčových aplikacích – od logotypu, přes digitální a tiskové materiály, až po prostředí značky.
Primární barvy určují celkový tón komunikace a zajišťují jednotnost a konzistenci.

Upozornění

Definované barvy se nesmí jakkoliv měnit z hlediska HEX kódu.

Je zakázáno vytvářet vlastní odstíny, přechody nebo tónování.

Barvy uvedené v RGB/HEX a barvy pro tisk (CMYK, Pantone) se mohou vizuálně lišit v závislosti na použité technologii, typu papíru a nastavení tisku.

Pro zajištění správného výsledku je doporučeno u prvních tisků vždy provést testovací výtisky a jejich schválení, aby bylo ověřeno, že nastavení barev odpovídá vizuální identitě značky.

Jíl
#FDEBE9
Sušená meruňka
#BC6125
Uhlí
#110E0A
Jíl
rgb(253, 235, 233)
Sušená meruňka
rgb(188, 97, 37)
Uhlí
rgb(17, 14, 10)
Jíl
0%, 11%, 7%, 0%
Sušená meruňka
21%, 67%, 93%, 10%
Uhlí
78%, 71%, 64%, 91%
Jíl
N/A
Sušená meruňka
N/A
Uhlí
N/A
Jíl
N/A
Sušená meruňka
N/A
Uhlí
N/A
Jíl
N/A
Sušená meruňka
N/A
Uhlí
N/A
Jíl
N/A
Sušená meruňka
N/A
Uhlí
N/A

Doplňkové barvy

Doplňková paleta rozšiřuje možnosti vizuální komunikace značky.

Používá se zejména v ilustracích, grafech, infografice, doplňkových plochách a detailech.

Slouží jako kontrast a variabilní prvek, který umožňuje vizuální systém obohatit, aniž by narušil identitu značky.

Upozornění

Doplňkové barvy nesmí nikdy přebít roli primárních barev.
Jejich použití je možné pouze jako podpůrný prvek, který obohacuje vizuální komunikaci.

K nahrazení či úplnému vyloučení primárních barev lze přistoupit pouze v případě, že by jejich použití narušovalo celkový layout nebo negativně ovlivňovalo vizuální dojem z finálního média – Tento krok musí být vždy odsouhlasen designérem identity a řádně odůvodněn.

Barvy uvedené v RGB/HEX a barvy pro tisk (CMYK, Pantone) se mohou vizuálně lišit v závislosti na použité technologii, typu papíru a nastavení tisku.

Pro zajištění správného výsledku je doporučeno u prvních tisků vždy provést testovací výtisky a jejich schválení, aby bylo ověřeno, že nastavení barev odpovídá vizuální identitě značky.

Slunečnice
#E5C84D
Meruňka
#E6A072
Šalvěj
#AEBF9B
Levandule
#BBA9E2
Švestka
#96CCE6
Borůvka
#4B5D9D
Slunečnice
rgb(229, 200, 77)
Meruňka
rgb(230, 160, 114)
Šalvěj
rgb(174, 191, 155)
Levandule
rgb(187, 169, 226)
Švestka
rgb(150, 204, 230)
Borůvka
rgb(75, 93, 157)
Slunečnice
13%, 18%, 78%, 01%
Meruňka
8%, 44%, 57%, 01%
Šalvěj
38%, 15%, 45%, 1%
Levandule
31%, 37%, 0%, 0%
Švestka
45%, 06%, 07%, 0%
Borůvka
80%, 65%, 09%, 0%
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A

Světlá doplňková paleta

Barvy z této palety se používají výhradně pro pozadí a odpovídají 25% odstínům barev ze základní, resp. doplňkové barevné palety.

Upozornění

Barvy uvedené v RGB/HEX a barvy pro tisk (CMYK, Pantone) se mohou vizuálně lišit v závislosti na použité technologii, typu papíru a nastavení tisku.

Pro zajištění správného výsledku je doporučeno u prvních tisků vždy provést testovací výtisky a jejich schválení, aby bylo ověřeno, že nastavení barev odpovídá vizuální identitě značky.

Slunečnice
#F8F1D5
Meruňka
#F9E7DD
Šalvěj
#EBEFE6
Levandule
#EEE9F8
Švestka
#E6F2F9
Borůvka
#D2D6E6
Sušená meruňka
#EFD7CA
Slunečnice
rgb(248, 241, 213)
Meruňka
rgb(249, 231, 221)
Šalvěj
rgb(235, 239, 230)
Levandule
rgb(238, 233, 248)
Švestka
rgb(230, 242, 249)
Borůvka
rgb(210, 214, 230)
Sušená meruňka
rgb(239, 215, 202)
Slunečnice
04%, 04%, 21%, 0%
Meruňka
02%, 12%, 13%, 0%
Šalvěj
10%, 04%, 12%, 0%
Levandule
07%, 10%, 0%, 0%
Švestka
12%, 02%, 02%, 0%
Borůvka
20%, 14%, 05%, 0%
Sušená meruňka
07%, 18%, 20%, 0%
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Sušená meruňka
N/A
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Sušená meruňka
N/A
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Sušená meruňka
N/A
Slunečnice
N/A
Meruňka
N/A
Šalvěj
N/A
Levandule
N/A
Švestka
N/A
Borůvka
N/A
Sušená meruňka
N/A

Neutrální barvy

Zahrnují několik odstínů v černém až šedém spektru, vycházejících z barvy Uhlí. Tyto barvy jsou určeny především pro texty, doplňkové grafické prvky (např. dělící linky) a další funkční použití. Jejich role je čistě podpůrná – nesmí nikdy narušovat barevný layout média ani konkurovat primárním barvám.

Poznámka

S neutrální paletou je možné jemně pracovat (např. v rámci UI komponent), avšak vždy tak, aby nenarušovala celkový barevný systém značky.

Barvy uvedené v RGB/HEX a barvy pro tisk (CMYK, Pantone) se mohou vizuálně lišit v závislosti na použité technologii, typu papíru a nastavení tisku.

Pro zajištění správného výsledku je doporučeno u prvních tisků vždy provést testovací výtisky a jejich schválení, aby bylo ověřeno, že nastavení barev odpovídá vizuální identitě značky.

Primární texty

#110e0a

Sekundární texty

#585653

Dělicí linky

#a09f9d

Neutrální prvky

#dbdbda

Primární texty

rgb(17, 14, 10)

Sekundární texty

rgb(88, 86, 83)

Dělicí linky

rgb(160, 159, 157)

Neutrální prvky

rgb(219, 219, 218)

Primární texty

78%, 71%, 64%, 91%

Sekundární texty

58%, 49%, 51%, 43%

Dělicí linky

39%, 30%, 32%, 10%

Neutrální prvky

17%, 12%, 14%, 0%

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