Barvy Colors Farby
Hlavní barvy
Main colors
Hlavné farby
Tyto hlavní barvy vytvářejí základní vizuální charakter značky.
These main colors create the basic visual character of the brand.
Tieto hlavné farby vytvárajú základný vizuálny charakter značky.
Stáhnout vzorník (.ASE) Download swatches (.ASE) Stiahnuť vzorník (.ASE)
| Visualbook Red | |
|---|---|
| HEX |
#FE1B3F |
| RGB | value |
| CMYK | 0-89-75-0 |
| Pantone C | 178 C |
| Pantone U | 032 U |
| NCS | 0565-R |
| RAL | 3028 |
| Visualbook Black | |
|---|---|
| HEX |
#000000 |
| RGB | value |
| CMYK | 0-0-0-100 |
| Pantone C | Process Black C |
| Pantone U | Process Black U |
| NCS | 0565-R |
| RAL | 9005 |
| Light Blue | |
|---|---|
| HEX |
#C7E3FF |
| RGB | value |
| CMYK | 19-4-0-100 |
| Pantone C | N/A |
| Pantone U | N/A |
| NCS | 0565-R |
| RAL | N/A |
| Light Yellow | |
|---|---|
| HEX |
#FFEBB8 |
| RGB | value |
| CMYK | 1-6-32-0 |
| Pantone C | N/A |
| Pantone U | N/A |
| NCS | 0565-R |
| RAL | N/A |
Sekundární barvy
Secondary colors
Sekundárne farby
Barvy používané v prostředí aplikace (UI - User Interface) a na webu.
Colors used in the application environment (UI - User Interface) and on the web.
Farby používané v prostredí aplikácie (UI - User Interface) a na webe.
CTA
#0F62FE
Info
#C7E3FF
Error
#FE1B3F
Success
#27BC6A
Kontrola přístupnosti
Secondary colors
Sekundárne farby
Zkontrolujte kontrast vybraných barev pro Vaše plánované použití.
Colors used in the application environment (UI - User Interface) and on the web.
Farby používané v prostredí aplikácie (UI - User Interface) a na webe.
Vložte barvu popředí
Kontrast
Vložte barvu pozadí
|
Vyhovuje pro texty? |
Vyhovuje pro nadpisy? |
Vyhovuje pro tlačítka? |
Poměry barev
Color ratio
Pomer farieb
Proporcionální použití barev v rámci vizuálního stylu.
Proportional use of colors within the visual style.
Proporčné použitie farieb v rámci vizuálneho štýlu.
Světlé prostředí
Light theme
Svetlé prostredie
Tmavé prostředí
Dark theme
Tmavé prostredie
Paleta barev
Color palette
Paleta farieb
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ů.
Color palettes allow us to build a digital environment (applications, web) with regard to sufficient contrast and accessibility of all elements.
Farbiace palety nám umožňujú vytvárať digitálne prostredie (aplikácie, web) s ohľadom na dostatočný kontrast a prístupnosť všetkých prvkov.
Gray 100
#141619
Gray 90
#23262B
Gray 80
#363940
Gray 70
#4F525F
Gray 60
#6B6F7E
Gray 50
#898E9E
Gray 40
#A4A8B8
Gray 30
#C3C6D4
Gray 20
#DDDFE8
Gray 10
#F3F3F6
Gray 00
#FAFAFA
Info 100
#031724
Info 90
#03293D
Info 80
#073D59
Info 70
#00587F
Info 60
#0077AA
Info 50
#3196D0
Info 40
#60B0E8
Info 30
#96CCFA
Info 20
#C7E3FF
Info 10
#EBF5FF
Info 00
#F8FAFD
Gradienty
Gradients
Gradienty
Příklady gradientů používaných v rámci značky.
Examples of gradients used within a brand.
Príklady gradientov používaných v rámci značky.
Visualbook Red
#FE1B3F
Info 20
#c7e3ff
CTA
#0F62FE
Info 20
#c7e3ff
Gray 80
#363940
Info 20
#898E9E
Barevné režimy
Color modes
Farebné režimy
Barevné režimy určují barevné schéma, které pro logo zvolíme, aby se správně zobrazilo na obrazovkách i v tisku.
Color modes define the color scheme we choose for the logo to achieve the correct display on both screens and in print.
Farbiace režimy určujú farbiacie schémy, ktoré pre logo zvolíme, aby sa správne zobrazilo na obrazovkách aj v tlači.
| Barevný režim Color mode Farebný režim | Co je to? Čo je to? What is it? | Příklad zápisu Example Príklad zápisu | Použití Usage Použitie |
|---|---|---|---|
| HEX | Ekvivalent RGB (hexadecimální) RGB equivalent (hexadecimal) Ekvivalent RGB | #000000 |
WEBHTMLCSS |
| RGB | Barevný prostor obrazovek Color space for screens Farebný priestor pre obrazovky | rgb(100, 100, 100) |
WEBHTMLCSS |
| CMYK |
Barevný prostor pro tiskárny
Color space for print
Farebný priestor pre tlač |
10-10-10-10 |
TISK |
| Pantone |
Přímé namíchané barvy pro tisk Direct colors for printing Priehľadné farby pre tlač | 1100 C |
TISK |
Výběr barevného režimu
Choosing color mode
Výber farbiaceho režimu
| Vhodný barevný režim loga: Suitable logo color mode: Vhodný farebný režim loga: | RGB logo |
CMYK logo |
Pantone logo |
|---|---|---|---|
| Logo bude na obrazovce (web, mobil, prezentace…) Logo bude na obrazovke (web, mobil, prezentácia…) The logo will be on the screen (web, mobile, presentation...) | |||
| Logo bude v tisku (vizitka, leták…) Logo bude v tlači (vizitka, leták...) The logo will be in print (business card, leaflet...) |