Psychologie barev v marketingu zkoumá, jak barva ovlivňuje, co si lidé o značce nebo produktu myslí a jestli ho koupí. Výzkum doložil méně, než slibují infografiky. Lidé barvy soustavně spojují s emocemi, barva mění vnímanou osobnost značky a o viditelnosti rozhoduje kontrast. Že by některá barva zvedala prodej obecně, bez ohledu na stránku a její okolí, doložené není.
Většina čísel a pouček o barvách nemá dohledatelnou studii. Některé opakovala i starší verze téhle stránky, třeba že červená prokazatelně vyvolává chuť k jídlu. Proto jsme text přepsali od základu.
Co výzkum o barvách v marketingu opravdu doložil
Recenzovaný výzkum podporuje čtyři věci. Lidé spojují barvy s emocemi soustavně a podobně napříč zeměmi. Barva loga mění, jakou osobnost značce přisoudí. Vhodněji působí barva, která ladí s typem produktu. A kromě odstínu rozhoduje světlost a sytost.
Nejširší podklad je systematický přehled Domicele Jonauskaite a Christine Mohr z roku 2025. Shrnul 132 recenzovaných studií s 42 266 účastníky z 64 zemí. Světlé barvy se v nich pojí s pozitivními emocemi, tmavé s negativními. Autorky ale upozorňují, že většina studií měřila asociace, tedy s čím barvu spojujeme, ne jestli barva emoci opravdu vyvolá.
Pro značky je nejcitovanější práce Lauren Labrecque a George Milnea z roku 2012. Ve čtyřech studiích s logy ukázali, že červená zvyšuje dojem vzrušení a modrá dojem kompetence, tedy spolehlivosti, inteligence a úspěchu. Sytost a světlost tenhle signál zesilují nebo tlumí. Nákupní záměr barva v jejich datech ovlivnila hlavně nepřímo, přes osobnost, kterou značce lidé přisoudí.
Dva starší výzkumy k tomu přidávají souvislosti. Paul Bottomley a John Doyle (2006) zjistili, že produkty kupované pro užitek působí vhodněji ve funkčních barvách, jako je modrá, a produkty kupované pro prožitek v barvách smyslových, jako je červená. Gerald Gorn a kolegové (1997) ukázali, že světlejší barva v reklamě lidi uvolní a sytější je vzruší. Obojí zvedá oblibu reklamy.
Čísla o barvách, která se opakují bez důkazu
Nejčastěji citovaná čísla o barvách nemají dohledatelnou studii, nebo pocházejí z jiného kontextu. Tvrzení, že 62 až 90 % prvního dojmu tvoří barva, šíří přehledový článek, který ho připisuje komerčnímu institutu bez zveřejněné metodiky. Červené tlačítko s 21 % kliků navíc je jeden test na jedné stránce. Jako argument v prezentaci je nedoporučujeme.
| Tvrzení | Odkud se bere | Co za ním doopravdy je |
|---|---|---|
| 62 až 90 % prvního dojmu z produktu tvoří barva | Singh (2006), Management Decision | Přehled literatury, ne experiment. Číslo se připisuje komerčnímu Institute for Color Research, metodika, rok ani vzorek zveřejněné nejsou. |
| Barva zvyšuje rozpoznatelnost značky o 80 % | „studie Loyolovy univerzity“ | Dohledané práce zkoumaly barvu v grafech a textu, ne značky. Číslo se objevuje v marketingovém letáku Xeroxu z roku 2005. |
| Červené tlačítko konvertuje o 21 % lépe | blog HubSpot (2011) | Jeden test na jedné stránce se zeleným logem. Výsledek se vysvětluje kontrastem s okolím, ne červenou. |
| Červená vyvolává chuť k jídlu | marketingové weby, včetně starší verze tohoto textu | Studie z roku 2012 s názvem The color red reduces snack food and soft drink intake našla v pokusech opak. Navazující práce ukázala, že záleží na tom, jak zdravě jídlo působí. |
Všechna čtyři čísla vznikla v konkrétní situaci a cestou z článku do článku z nich zmizely podmínky. Zbyla věta, která se dobře cituje a nedá se ověřit.
Pokud vám agentura nebo nástroj předloží procento o vlivu barvy na prodej, zeptejte se na studii, rok a vzorek. Když odpověď nepřijde, číslo do rozhodování nepouštějte.
Co jednotlivé barvy v marketingu znamenají
Význam barvy se dá popsat jen jako nejčastější asociace, ne jako pravidlo. Podle přehledu 132 studií lidé spojují modrou a zelenou s klidnými pozitivními emocemi, žlutou a oranžovou s energickými, červenou se silnými emocemi v dobrém i zlém a šedou s negativními. Co z toho vyjde u konkrétní značky, záleží na kategorii a konkurenci.
| Barva | S čím ji lidé nejčastěji spojují (přehled 132 studií) | Kde se v marketingu často používá | Na co dát pozor |
|---|---|---|---|
| Červená | silné emoce, láska i hněv, síla | slevy, potraviny, výrazné značky | vysoká aktivace může působit jako varování |
| Oranžová a žlutá | radost, energie | upozornění, přívětivé značky | bílý text na nich nemá dost kontrastu |
| Modrá | klid, kompetence, spolehlivost | finance, technologie, B2B | když ji má celý obor, neodliší vás |
| Zelená | klid, pozitivní nálada | ekologické, zdravotní a přírodní produkty | bez doložených tvrzení působí jako greenwashing |
| Fialová a růžová | síla (fialová), pozitivní emoce (růžová) | kosmetika, kreativní značky | dojem silně závisí na odstínu a sytosti |
| Černá | negativní a intenzivní emoce | móda, luxus, technika | sama o sobě nese spíš negativní asociace, potřebuje kontext |
| Bílá a šedá | bílá klid, šedá negativní a utlumené emoce | pozadí, minimalistický design | v Číně, Japonsku a Koreji je bílá tradičně barvou smutku |
Tabulka ukazuje průměr, ne vaše zákazníky. Na každého působí barvy trochu jinak podle zkušeností a toho, s čím se v oboru setkává. Modrá se k bance hodí, protože banka prodává spolehlivost. Čokoláda se kupuje pro prožitek, a podle Bottomleyho a Doylea k ní proto lépe sedí teplá smyslová barva než modrá.
Barva proto patří až za otázku, co má značka slibovat. Kdo začne paletou, vybírá podle vkusu. Kdo začne osobností značky, vybírá barvu i logo podle toho, co mají unést.
Jakou barvu má mít CTA tlačítko
Žádná barva tlačítka nekonvertuje univerzálně lépe. Rozhoduje, jestli se tlačítko odliší od okolí stránky a jestli je čitelný jeho text. Oranžové tlačítko na oranžovém webu zapadne, stejné tlačítko na modrém webu vynikne. Smysl má hlídat kontrast vůči okolí, ne hledat vítěznou barvu.
Dobře to ukazuje i test, ze kterého pochází mýtus o červené. V roce 2011 ho popsal blog HubSpot a běžel na stránce firmy Performable. Ta měla zelené logo a hodně zelené v grafice, červené tlačítko se proto odlišilo víc než zelené a dostalo o 21 % víc kliknutí. Výsledek platí pro tu jednu stránku a nejde přenést na web s jinými barvami.
Červená a zelená se přitom liší hlavně odstínem, ne jasem. Mezi běžnou červenou (#E53935) a zelenou (#2E9E5B) jsme podle vzorce WCAG spočítali kontrastní poměr 1,2 ku 1. Člověku s poruchou rozlišení červené a zelené může takové tlačítko s okolím splývat. Poruchu barvocitu má zhruba každý dvanáctý muž a jedna z dvou set žen.
Barva navíc není to první, co na tlačítku testovat. Víc rozhoduje, co se po kliknutí stane a jak je výzva formulovaná, jak píšeme v hesle CTA. Barvu testujte až potom, A/B testem s dostatkem návštěv.
Kontrast a přístupnost barev podle WCAG
Standard přístupnosti WCAG chce u běžného textu kontrast aspoň 4,5 ku 1 vůči pozadí. U velkého textu, zhruba od 24 pixelů nebo tučně od 18,5 pixelu, stačí 3 ku 1. U tlačítek a polí formulářů musí mít aspoň 3 ku 1 to, podle čeho prvek poznáte, třeba okraj pole nebo ikona. Text, který je součástí loga, požadavek nemá. Přesná znění kritérií najdete v dokumentaci W3C ke kontrastu.
V praxi neprojde víc kombinací, než se zdá. Bílý text na syté oranžové (#FF5722) má 3,2 ku 1, na žluté (#F2C200) jen 1,7 ku 1. Tmavý text na téže žluté má 9,2 ku 1.
WCAG také říká, že barva nesmí být jediným nositelem informace. Chyba ve formuláři označená jen červeným rámečkem nestačí, potřebuje i text nebo ikonu.
U e-shopů nejde jen o dobrou praxi. Zákon č. 424/2023 Sb. o požadavcích na přístupnost je účinný od 28. června 2025 a týká se i služeb elektronického obchodu. Výjimku mají mikropodniky s méně než deseti zaměstnanci a obratem nebo bilanční sumou do 2 milionů eur. Dozor má Česká obchodní inspekce.
Jak se význam barev liší mezi kulturami
Asociace barev a emocí jsou z velké části společné. Studie Domicele Jonauskaite a kolegů (2020) se 4 598 lidmi z 30 zemí naměřila průměrnou podobnost asociací 0,88 na škále do 1. Rozdíly ale existují a rostou s jazykovou a geografickou vzdáleností. Na Slovensku nebo v Polsku proto čekejte menší rozdíly než v Asii.
Nejznámější rozdíly jsou u bílé a červené. V Číně, Japonsku a Koreji je bílá tradičně barvou smutku a pohřbů, červená se v Číně pojí se štěstím a oslavami. Thomas Madden a kolegové (2000) v osmi zemích našli u preferencí i významů barev vzorce podobnosti i rozdílů.
Pro marketing z toho plyne praktické pravidlo. Na blízkých trzích zkontrolujte barvy místní konkurence. Na vzdálených trzích ukažte logo, obal a hlavní stránku lidem z cílové země dřív, než spustíte kampaň. Pár rozhovorů nenahradí výzkum, ale hrubou chybu odhalí.
Kde začít u vás
Barvy značky a webu se dají vybrat systematicky. Postup, který používáme v IdeUp, má čtyři kroky a žádný z nich nezačíná oblíbenou barvou majitele.
- Začněte osobností značky. Napište tři vlastnosti, které má značka vyzařovat, a hledejte barvu, která s nimi ladí.
- Projděte barvy konkurence. Když má celý obor modrou, odliší vás jiná barva víc než lepší odstín modré.
- Ověřte kontrast dřív, než schválíte návrh. Text 4,5 ku 1, tlačítka 3 ku 1, informace nikdy jen barvou.
- Barvu tlačítka testujte až po textu a umístění a vyhodnoťte ji na prodejích, ne na klicích.
Barva sama nezachrání stránku, která nevysvětlí, co nabízíte. Pokud chcete zvednout konverzní poměr webu, začněte obsahem a strukturou a barvy dolaďte nakonec. Když budete chtít, projdeme s vámi barvy, kontrast i tlačítka v rámci návrhu nebo úpravy webu.
Komentovat