U dvou klientů právě řeším barevnost. Jeden mi už potřetí změnil barvu značky, druhý má barvu příliš podobnou konkurenci.
Tak jsem přeložil nejlepší článek o barvách a přidal tam pár svých postřehů.
Třeba ten, že ženy preferují růžovou, protože byly sběračky (ovoce je většinou na škále žlutá-červená), zatímco muži lovili (asi modrého mamuta).
Všech 50 studií o barvě umístěných do přehledné tabulky:
barvenost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
rozrušení | odpočinek | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||
vzrušení | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | |||||||||
myšlení | racionální | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||
emocionální | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | |||||||||
prodej | aukce | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||
smlouvání | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | |||||||||
značka | schopný | ✔ | ✔ | ✔ | |||||||||||
vzrušující | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||||
silný | ✔ | ✔ | ✔ | ✔ | |||||||||||
upřímný | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||||
sofistikovaný | ✔ | ✔ | ✔ | ||||||||||||
cíl | pozornost | ✔ | ✔ | ✔ | ✔ | ✔ | |||||||||
akce | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||||
líbivost | ✔ | ✔ | ✔ | ✔ | |||||||||||
zboží | praktické | ✔ | ✔ | ✔ | |||||||||||
pro zábavu | ✔ | ✔ | ✔ | ✔ | |||||||||||
zpráva | prevence | ✔ | |||||||||||||
zisk | ✔ | ||||||||||||||
pohlaví | muž | ✔ | ✔ | ||||||||||||
žena | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
Tak tady může Lenka přeskočit na příklady aplikace.
Z čeho se skládá barva
Jsou to tyto 3 prvky:
- barevnost (červená, béžová) hue,
- světlost (světlá, tmavá) value,
- sytost (bledá, sytá) saturation.

Pokud řešíte jen barevnost, tak máte problém. Podle studie je větší emocionální odezva na světlost a sytost, než na samotnou barvu.
TIP: Až příště dostanete befelem barvu, tak si vzpomeňte, že si můžete hrát se světlostí a sytostí barvy.
Proč upřednostňujeme určité barvy?
Nejoblíbenější barva je modrá. A proč většina lidí nemá ráda černou, hnědou nebo šedou?
Jsou pro to 3 důvody:
- biologie/evoluce,
- pohlavní předurčenost,
- ekologické mocenství.
Biologie
Vývojově jsme vždy spojovali modrou s nocí a pasivitou a žlutou se dnem a aktivitou. Stejně tak syté barvy znamenají u zvířat jedovatost.
Pohlavní předurčenost
Jakmile dítě pozná, že je chlapeček nebo holčička, tak samo vyhledává informace a vjemy vztahující se k jeho pohlaví. Čím je díte starší, tím méně se mu líbí barva spojovaná s opačným pohlavím.
Ekologické mocenství
Upřednostňování určitých barev a jejich variant je dáno předchozími zkušenostmi s touto barvou. Čím více pozitivních vzpomínek máme s objekty nebo situacemi v dané barvě, tím více ji máme v oblibě.
Jak se mění oblíbenost barev s věkem
Tohle je dost zajímavé. Pokud je vám 70, tak už se vám líbí jen modrá nebo bílá.

Jaký význam mají barvy
Lidé přiřazují různé významy stejné barvě. Je to dáno:
- zkušenostmi,
- kulturou,
- kontextem.
Zkušenosti
Pokud budete puberťák, tak červená bude znamenat lásku, pokud řidič auta, tak stopku a pokud sestra, tak krev. Ano, trochu přeháním, ale intenzita významu bude určitě ovlivněná prostředím a tím, jakou máte z barvou zkušenost.
Kultura
Tohle určitě nepodceňujte. V různých kulturách můžou mít stejné události naprosto odlišnou barvu. Například pohřeb je v Evropě černý, v Číně bílý, v Arábii světle modrý a v Jižní Africe zelený.
Hezký si to můžete najít v infografice na Information is Beautiful.
Kontext
Černý kávovar si nebudete spojovat s mrtvou babičkou. Doufám. Stejně tak si nebudete spojovat červenou podprsenku se špatnými známkami. I když, možná je ta podprsenka důvod, že jste se neučili :).
Význam jednotlivých barev
Na toto téma je hodně studií, já mám ale nejradši web Cymbolism, kde si podle slova najdete, jakou barvu si k danému slovu lidi přiřazují.
Zde je poněkud zjednodušená tabulka pro Evropu a Severní Ameriku:
barva | význam |
červená | vzrušení, nebezpečí, dominance, energie, zdraví, život, láska, síla, obrana, stimulace, aktuálnost |
oranžová | dostatek, vzrušení, pohodlí, veselost, spokojenost, bezpečí, senzualita, teplo |
žlutá | vzrušení, veselost, sebedůvěra, kreativita, přátelskost, optimizmus, upřímnost, usměvavost |
zelená | klid, pohodlí, harmonie, zdraví, naděje, příroda, mír, prosperita, pohoda, bezpečí, upřímnost, jemnost |
modrá | klid, pohodlí, kompetence, studenost, povinnost, efektivita, inteligence, logika, důvěra, bezpečí, úspěch |
fialová | autentičnost, šarm, exkluzivita, luxus, kvalita, královské, spiritualita |
růžová | ženskost, šarm, jemnost, opatrování, hebkost, hřejivost |
hnědá | příroda, venkov, spoleh, drsnost, bezpečí, podpora, houževnatost |
černá | důstojnost, efektivita, elegance, emocionální bezpečí, síla, bohatství, státnost |
bílá | klid, jednoduchost, čistota, upřímnost, hygiena, nevinnost |
Určitě tomu ale nedávejte velkou důležitost. Jak jsem říkal, sytost a světlost barvy je důležitější.
Zbytečná zajímavost: Fialová je královská barva, protože se ve středověku dělala drcením mušlí. Bylo to extrémně drahé a dokonce jste museli mít dekret, aby vám fialové sukno prodali.
Jak vybrat správnou barvu
Správnou barvu ovlivňují 3 faktory:
- Vhodnost (emoční a sémantická)
- Estetika
- Hodnota (společenská a funkční)
Vhodnost
Fůra grafiků vybírá barvu podle popularity. Což je chyba. Měli by vybírat podle toho, zda je to vhodná barva k dané značce. Zda vyvolává ty správné pocity a zda je adekvátní.
Hodně lidí si například vybírá barvu místností podle emocí. Věděli jste, že pokud vymalujete „teplou“ barvou, tak vám tam bude pocitově o 0,5° C tepleji.
Ze stejného důvodu není dobré, aby prášky na bolest byly v červené krabičce, kterou si asociujete s krví a pálením.
Estetika
V závěru budou vaše produkty hodnotit lidi na škále líbí-nelíbí. Takže by měly být hezké. Hezké produkty můžou:
Hodnota
Společenská hodnota – je zvolená barva zrovna v módě?
Funkční hodnota – je zvolená barva užitečná? Vzít si například na trek žluté tričko bude peklo pro vás a úleva pro ostatní, protože veškerá havěť půjde na vás.
Příklady použití
Rozrušení
barvenost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
rozrušení | uklidnění | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||
vzrušení | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
Jsou barvy, které zvyšují a snižují rozrušení.
Uklidnění
Pokud jste v klidu, čas pro vás běží rychleji.
Tip: Studené barvy navozující pocit klidu snižují subjektivně plynutí času. Použijte je u animace nahrávání, na uniformách u odbavení nebo u pokladen.
Vzrušení
Vzrušení nahrává impulzivnímu chování.
Tip: Použijte teplé barvy u produktů, které lidi kupují impulzivně, např.: sladkosti, parfémy nebo hračky.
Myšlení
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
myšlení | racionální | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||
emocionální | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
Máme dva druhy myšlení. Racionální a emocionální, systematické a pocitové, pomalé a rychlé. Viz Kahneman.
Tip: Pokud chcete, aby lidi moc nepřemýšleli, zvolte teplou barevnost. Pokud naopak chcete, aby přemýšleli, zvolte studenou barevnost.
Prodej
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
prodej | aukce | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||
smlouvání | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
Aukce
Na eBay sledovali barevnost pozadí. Přišli na to, že pokud je pozadí v červené, tak se věc vydraží za více peněz.
Tip: V situaci, kdy spolu uživatelé soupeří o cenu produktu nebo je produkt v omezeném množství se vyplácí použít červenou barvu.
Vyjednávání
Kvůli uvedení protistrany do klidu je vhodné při vyjednávání mít kolem sebe studené barvy. Předejdete tak agresi.
Tip: V NHL a NFL sledovali, zda barva dresů ovlivňuje tresty udělované rozhodčími. Když to zkrátím, neberte si černý dres, zkuste modrý.
Značka
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
značka | schopný | ✔ | ✔ | ✔ | |||||||||||
vzrušující | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||||
silný | ✔ | ✔ | ✔ | ✔ | |||||||||||
upřímný | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||||
sofistikovaný | ✔ | ✔ | ✔ |
Vybírejte barvu podle toho, jakou vlastnost chcete podpořit.
Tip: Pokud vám toto nestačí, zkuste použít Cymbolism.com, kde máte těch výrazů stovky.
Cíl
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
cíl | pozornost | ✔ | ✔ | ✔ | ✔ | ✔ | |||||||||
akce | ✔ | ✔ | ✔ | ✔ | ✔ | ||||||||||
líbivost | ✔ | ✔ | ✔ | ✔ |
Pozornost
Pokud chcete přitáhnout pozornost, nejdůležitější je kontrast. Psal jsem o tom ve článku o ideálních tlačítkách.
Tip: Pro přitažení pozornosti použijte komplementární barvu. To je barva s největším kontrastem. Červená-zelená, modrá-žlutá, atd.
Akce
Někdy chcete přinutit lidi k akci, ať už je to koupě produktu, sdílení článku nebo přihlášení k newsletteru.
Tip: Ve chvíli, kdy chcete přinutit lidi k akci, použijte teplé barvy, které zvyšují vzrušení.
Libovost
Někdy chcete lidi popohnat k tomu, aby se jim váš produkt nebo služba líbila.
Tip: Použijte barvy o krátké vlnové délce – tj. modrou, šedou nebo bílou, aby váš produkt byl vnímaný pozitivněji.
Zboží
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
zboží | praktické | ✔ | ✔ | ✔ | |||||||||||
pro zábavu | ✔ | ✔ | ✔ | ✔ |
Tip: Pokud je produkt praktický (pneumatiky, vrtačka), použijte studené barvy. Pokud je spíše pro zábavu (čokoláda, parfém, restaurace), použijte teplé barvy.
Zpráva
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
zpráva | prevence | ✔ | |||||||||||||
zisk | ✔ |
Inzerenti často v reklamě apelují buďto na zamezení ztráty nebo dosažení zisku.
Tip: Pokud cílíte na prevenci, použijte červenou. Pokud cílíte na zisk, použijte modrou.
Pohlaví
barevnost | světlost | sytost | |||||||||||||
▼ | ▲ | ▼ | ▲ | ||||||||||||
pohlaví | muž | ✔ | ✔ | ||||||||||||
žena | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
Ženy preferují barvy okolo červeno-fialové, muži naopak okolo modro-zelené.
Jaké barvy jdou dobře k sobě
Jsou určité zavedené systémy, ze kterých byste měli čerpat.
Jednobarevné (monochromatické)
Toto schéma je vhodné pro jednoduchá sdělení.

Příbuzné (analogové)
Toto schéma je vhodné pro harmonická sdělení

Trojúhelníkové (triadické)
Jedna z nejpopulárnějších variant, máte primární a pak sekundární barvy.

Doplňkové (komplementární)
Toto schéma je vhodné pro maximální kontrast.

Užitečné odkazy
První je inspirace webových schémat barev – Website Colour Schemes

A druhý je kvíz psychologie barev – Chromantics. Schválně, jak jste byli pozorní při čtení.

Závěr
Volbu barvy nenechávejte na náhodě nebo volbě líbí-nelíbí. Snažte se volit barvu tak, aby na ty správné lidi působila tím správným dojmem.
Smysluplná debata