Co musí grafici vědět o barvách

Michaela Fojtíčková, 18. 5. 2023

Barvy jsou jedním z nejdůležitějších nástrojů vizuální komunikace. Pomocí barev dokážeme vyjádřit emoce, navodit správnou náladu nebo dokonce předat dané sdělení. V následujícím článku vám nastíníme, proč je dobré znát hlavní rozdíly mezi barvami používanými v grafickém designu.

Základní barvy

Za základní barvy považujeme ty, ze kterých se míchají všechny ostatní barevné odstíny, tedy červená, žlutá a modrá. Můžete se setkat také s označením primární barvy. Kombinací primárních barev vznikají barvy sekundární – oranžová, fialová, zelená. Mícháním primárních barev se sekundárními dále vznikají barvy terciální. Je potřeba brát na vědomí, že primární barvy pro grafika nejsou stejné jako primární barvy pro tiskaře.

základní barvy

Charakteristickými znaky pro každou barvu jsou odstín, sytost, teplota a jas.

Odstín představuje základní rozdělení barev – např. červená, žlutá, modrá. 

Sytost označuje míru zářivosti a intenzity jednotlivých barev. Syté barvy jsou hodně výrazné a upoutají pozornost na první pohled, naopak tlumené a pastelové barvy jsou nevýrazné a nenarušují celkový dojem.

Teplota barvy záleží na podtónu, tedy na poměru mezi základními barvami. Podtón teplých barev je z velké části tvořen odstíny žluté, oranžové a červené. Chladné barvy mají naopak podtón fialový, modrý nebo zelený.

Jas jednotlivých barev udává jejich světlost nebo tmavost. Jeho zvýšení lze dosáhnout kombinací s bílou, tmavší barvy naopak využívají kombinaci s černou.

Komplementární barvy

Protikladem nemusí být pouze černá a bílá. Jsou jimi také barvy, které stojí v barevném kruhu naproti sobě, nazývají se doplňkové neboli komplementární. V praxi to znamená, že primární červená barva má jako doplňkovou barvu sekundární zelenou (viz. barevný kruh výše).

příklad komplementárních barev

Barvy v grafickém designu

Při tvorbě vizuálu je nezbytné si předem definovat, jaké bude mít výsledná grafika užití. Má jít o post na Facebook, nebo chcete billboard u dálnice? Od toho se pak odvíjí barevný prostor, ve kterém bude grafik vizuál připravovat. Pro digitální grafiku se používá paleta RGB, pro tisk je to potom CMYK. Rozdíl mezi nimi je v tom, jak barevná rozhraní fungují – RGB barvy vyzařuje, zatímco CMYK je odráží.

barvy v grafickém designu, rozdíl mezi RGB a CMYK

RGB

Displaye, mobily, tablety , zkrátka všechna elektronická zobrazovací zařízení, která se skládají z obrazových světelných bodů. Každý bod se dělí na pruh červené (red), zelené (green) a modré (blue) barvy. Jednotlivé barvy se při rozsvícení sčítají a tím vznikají sekundární světelné barvy s vyšší intenzitou. Složením všech základních barev vzniká bílé světlo.

CMYK

Barevný prostor CMYK slouží především k tvorbě tiskové grafiky a pracuje s barvami, které je možné převést do fyzické podoby. Tiskovými barvami jsou azurová (cyan), purpurová (magenta) a žlutá (yellow). Primární tiskové barvy jsou tedy sekundárními světelnými barvami a naopak. Písmeno K (key) označuje černou barvu, která se používá kvůli snížení spotřeby ostatních barev.

rozdíl mezi RGB a CMYK

Pantone

CMYK prostor je oproti světelnému RGB omezen především v oblasti velmi sytých odstínů zelené, fialové a oranžové. V praxi to znamená, že některé RGB barvy nelze vytisknout, výsledek je oproti monitoru bledý a nevýrazný. Řešením může být použití přímých barev, které vyrábí firma PANTONE už řadu let. Pantone vzorníky a barvy se mezi grafiky, designéry a architekty těší tak velké oblibě, že společnost Pantone Color Institut pro každý rok vyhlásí Pantone barvu roku.

Pantone barva roku - peach fuzz

Pravidlo 60 – 30 – 10

Nejen v grafickém, ale například i interiérovém designu se zpravidla používají tři hlavní barvy: dominantní, vedlejší a zvýrazňující. Tyto barvy pak lze doplnit o bílou nebo černou. Rovnováhy mezi jednotlivými barvami dosáhneme užitím takzvaného pravidla 60–30–10, kde jednotlivá čísla znamenají procentuální zastoupení barev. Dominantní barva by měla zastupovat 60 % plochy, dalších 30 % náleží barvě vedlejší a zbylých 10 % zůstává na barvu zvýrazňující. Toto pravidlo lze uplatnit při tvorbě bannerů, webových stránek, letáků, ale také v rámci instagramového feedu.

pravidlo 60 - 30 - 10
Článek pro vás připravil/a: Michaela Fojtíčková
Mohlo by vás zajímat:

Advantage+: Jak se v nich vyznat

Zdeňka Polčicová • 28. 11. 2024 • 
Advantage+ je tu s námi už delší dobu a za ty necelé dva roky dostaly tyto pokročilé nástroje spoustu změn. Určitě nám dáte za pravdu, že vyznat se v těchto „zázračných“ nástrojích není vždy hračka. Přinášíme vám proto přehled toho, co vlastně Advantage+ nástroje jsou, jak fungují a jaké s nimi máme zkušenosti.
Přečíst článek

Jak jsme Pražírně Ignác během Black Friday zvýšili tržby o 320 %

Kristýna Férová • 13. 3. 2026 • ,
Black Friday 2025 byl pro našeho klienta Pražírnu Ignác mimořádně silný. Oproti předchozímu roku se podařilo navýšit tržby o 320 %. Za tímto výsledkem nestála vyšší sleva (ta zůstala stejná jako v předchozím roce) ani razantní navyšování nákladů na reklamu, ale chytrá práce s Meta Ads, důraz na rozmanitost kreativ a zapojení UGC obsahu, který dokázal fungovat i bez přímé slevové komunikace.
Přečíst článek

AI Max: Co nová vlna automatizace znamená pro Search kampaně?

Lucie Bystrianská • 5. 9. 2025 • 
Ve třetím čtvrtletí 2025 spustil Google globálně novou funkcionalitu – AI Max. Ačkoliv ji mnozí marketéři už zaznamenali v rámci testování nebo náhledů, nyní se stává běžnou součástí Search prostředí. Co konkrétně přináší a jak se připravit na změny, které ovlivní i vaše PPC kampaně?
Přečíst článek
Všechny články
Agentura Foxy.cz s.r.o
Agentura Foxy.cz s.r.o.
Veselá 169/24
602 00 Brno
IČ: 06739792
DIČ: CZ06739792
Číslo účtu: 2401884475/2010
sp.zn. C 104000 vedená u Krajského soudu v Brně
Google Premier PartnerHeureka logo novéSklik_ověření_2024
arrow-right