Psychológia farieb v marketingu: ako mať farby na svojej strane

Farby rozhodujú o prvom dojme skôr, než si človek prečíta jediné slovo. Neexistuje však farba, ktorá predáva sama osebe. Funguje tá, ktorá sa hodí k tomu, čo ponúkate, a tá, ktorú je na stránke alebo v e-maile dobre vidieť. V článku nájdete, čo o pôsobení farieb hovorí výskum, ako vybrať farbu tlačidla, aký kontrast potrebuje text a ako sa menili farby roka od roku 2000 do 2026.

V skratke

1. Ľudia si urobia názor počas 90 sekúnd a 62 až 90 % tohto hodnotenia stojí na farbách.
2. Univerzálny význam farieb neexistuje. Asociácie sa líšia podľa kultúry, veku aj osobnej skúsenosti.
3. Dôležitejšie než konkrétny odtieň je, či sa farba hodí k produktu.
4. Pri tlačidle rozhoduje kontrast voči okoliu, nie to, či je červené alebo zelené.
5. Bežný text potrebuje kontrastný pomer aspoň 4,5 : 1. Biela na žltej ho nesplní.
6. Farbou roka 2026 je podľa Pantone biela Cloud Dancer. Farby značky pre ňu nemeňte.

Stručne: čo farby robia, čo nerobia, na čo si dať pozor a kde začať

• Čo farby robia: odlišujú značku a jej produkty a vyvolávajú u zákazníkov emócie.
• Čo nerobia: nepredávajú samy. Červené tlačidlo nezachráni nezrozumiteľnú ponuku.
• Na čo si dať pozor: na kontrast, na farboslepých čitateľov, na tmavý režim a na iný význam farieb v zahraničí.
• Kde začať: jedna hlavná farba značky, jedna akcentová farba pre tlačidlá a zmeraný kontrast textu.

Čo sa zmenilo od vydania článku: Článok vyšiel v roku 2020 a končil farbami roka 2021. Doplnili sme prehľad farieb roka Pantone od roku 2000 do 2026 so vzorkami, dáta o obľúbenosti farieb, pravidlá kontrastu a prístupnosti, tmavý režim v e-mailoch a postup, ako farby vybrať. Opravili sme aj údaj z pôvodnej infografiky. Správny rozsah zo štúdie je 62 až 90 %, nie 60 až 92 %.

Prečo na farbách záleží

Červená a žltá sú farby lásky a šťastia. Spolu s oranžovou patria medzi takzvané aktivačné farby, ktoré dodávajú optimizmus a radostné emócie. Niet divu, že toľko značiek rýchleho občerstvenia stavilo práve na žltú a červenú.

Psychológia farieb sa však zďaleka netýka len fast foodov. Psychológia farieb je odbor, ktorý skúma, ako farby ovplyvňujú vnímanie, náladu a správanie ľudí. Podľa niektorých štúdií práve farba hrá zásadnú rolu pri vnímaní a hodnotení vášho produktu. Je jednoducho jedným z najdôležitejších faktorov na odlíšenie vašej značky a zároveň robí prvý dojem.

Najčastejšie citované číslo pochádza z prehľadovej štúdie Satyendru Singha z roku 2006. Ľudia si podľa nej urobia názor na človeka alebo produkt počas 90 sekúnd od prvého stretnutia a 62 až 90 % tohto hodnotenia je založené len na farbách.

Čo presne farby robia? Slúžia na dva účely. Odlišujú značku a jej produkty a iskria emócie u zákazníkov.

Čo znamenajú jednotlivé farby

Nasledujúci prehľad ukazuje, s čím si základné farby spája väčšina ľudí v Európe a Severnej Amerike. Berte ho ako východiskový bod, nie ako zákon.

Červená prebúdza nutkanie vrátane toho nákupného, preto je ideálna pre zľavové akcie, výpredaje a podobné oznámenia.

Prečo univerzálny význam farieb neexistuje

Tvrdenie, že modrá evokuje kompetentnosť, platí len do určitej miery. Ako farbu vnímate, ovplyvňuje miesto, kde ste vyrástli, vaše skúsenosti aj to, s akou značkou ju máte spojenú.

Líši sa aj obľuba farieb. Spoločnosť YouGov sa v roku 2015 opýtala ľudí v desiatich krajinách štyroch kontinentov na najobľúbenejšiu farbu. Vo všetkých zvíťazila modrá, s podielom od 23 % v Indonézii po 33 % vo Veľkej Británii. Druhé miesta sa už líšili. V Thajsku, Číne a USA skončila druhá zelená, v Nemecku, Británii, Singapure a Indonézii červená a v Hongkongu fialová.

Modrá teda vedie u mužov aj u žien, u mužov však výraznejšie.

Čo o farbách hovorí výskum

Akú stratégiu by teda mali zvoliť marketéri, keď univerzálny význam farieb neexistuje? Výskum ukazuje, že farba ovplyvňuje správanie spotrebiteľa dvoma kľúčovými spôsobmi.

Súlad so značkou. Spotrebitelia jednoznačne preferujú značky a produkty, ktorých farby sú zladené s ich účelom, napríklad zelená pre ekologické produkty. Paul Bottomley a John Doyle v roku 2006 ukázali, že pri praktických produktoch ľudia čakajú skôr triezve farby a pri produktoch, ktoré majú robiť radosť, farby výrazné. Lauren Labrecque a George Milne v roku 2012 opísali, že farba formuje aj „osobnosť“ značky. Červená v ich štúdii zvyšovala dojem vzrušenia, modrá dojem kompetentnosti.

Upútanie pozornosti. Spotrebiteľov nenalákajú na kliknutie červené tlačidlá na webových stránkach preplnených červenou farbou. Zato na stránkach s prevládajúcou bielou na ne budú klikať s oveľa väčšou pravdepodobnosťou. Psychológia tomu hovorí efekt izolácie. Prvok, ktorý sa od okolia líši, si zapamätáme a všimneme si ho skôr.

Akú farbu zvoliť pre tlačidlo

Hľadáte farbu pre tlačidlá s výzvou na akciu na svojom webe alebo v e-maile? Dobre funguje červená či oranžová. Nie preto, že by boli čarovné, ale preto, že na väčšine webov a e-mailov nie sú použité inde.

Dokladá to najznámejší test farby tlačidla. Spoločnosť HubSpot v roku 2011 porovnala na stránke Performable zelené a červené tlačidlo. Červené získalo o 21 % viac kliknutí. Stránka však bola ladená do zelena, takže zelené tlačidlo s ňou splývalo a červené vyčnievalo. Autori testu sami upozornili, že výsledok sa nedá preniesť na iný web.

Pre tlačidlo preto platia tri pravidlá:

1. Farba tlačidla sa v e-maile alebo na stránke nesmie opakovať na iných prvkoch.
2. Text na tlačidle musí byť dobre čitateľný. Rozhoduje kontrastný pomer, nie dojem.
3. Okolo tlačidla nechajte voľné miesto, aby nesúperilo s obrázkami a ďalšími odkazmi.

Nasledujúce vzorky ukazujú, ako rovnaká farba tlačidla obstojí s bielym a s tmavým textom. Číslo pod vzorkou je kontrastný pomer.

Tip: Neviete, či zvoliť oranžové alebo modré tlačidlo? Nehádajte. V Quande vytvorte kampaň s A/B testovaním, v dvoch verziách e-mailu zmeňte len farbu tlačidla a porovnajte prekliky.

Kontrast a prístupnosť: aby text prečítal každý

Kontrastný pomer je číslo od 1 do 21, ktoré vyjadruje rozdiel jasu medzi textom a pozadím. Čierny text na bielom pozadí má pomer 21 : 1, text rovnakej farby ako pozadie 1 : 1.

Medzinárodné pravidlá prístupnosti WCAG stanovujú tieto hranice:

Zdroj: W3C, Web Content Accessibility Guidelines 2.2, kritériá 1.4.3 a 1.4.11.

Nízky kontrast je pritom najčastejšia chyba prístupnosti vôbec. Organizácia WebAIM každý rok testuje milión najnavštevovanejších domovských stránok.

Štyri z piatich webov teda majú text, ktorý sa časti ľudí číta zle. Kto kontrast stráži, je čitateľnejší než väčšina konkurencie.

Druhým dôvodom je farbocit. Podľa prehľadovej štúdie Jennifer Birch z roku 2012 sa porucha vnímania červenej a zelenej týka zhruba 8 % mužov a 0,5 % žien severoeurópskeho pôvodu. Pre týchto čitateľov môže červený a zelený text vyzerať rovnako.

Pozor: Neodovzdávajte informáciu len farbou. „Červeno označené termíny sú obsadené“ časť čitateľov nerozlíši. Doplňte slovo, ikonu alebo podčiarknutie. Odkazy v texte nechajte podčiarknuté.

Farby v e-maile: značka, tmavý režim a pristávacia stránka

E-mail má oproti webu jedno špecifikum. Neviete, v akej aplikácii a v akom režime ho príjemca otvorí.

Držte farby značky. Ľudia sa najprv pozerajú na to, kto im píše. Rovnaké farby vo všetkých e-mailoch pomáhajú, aby vás spoznali skôr, než začnú čítať.

Počítajte s tmavým režimom. Niektoré poštové aplikácie v tmavom režime samy menia farby. Svetlé pozadie stmavia a tmavý text zosvetlia. Logo s priehľadným pozadím a tmavým písmom potom môže splynúť s pozadím. Pomáha logo so svetlým obrysom alebo na vlastnom podklade a stredné tóny farieb namiesto čisto bielej a čisto čiernej.

Zlaďte e-mail s pristávacou stránkou. E-mail a stránka, na ktorú vedie, majú fungovať ako zrkadlo. Rovnaké obrázky, rovnaké farby tlačidiel, rovnaký nadpis. Čitateľ potom po kliknutí ani na sekundu nezaváha, či je na správnom mieste.

Zlaďte aj formuláre. V Quande si pri Aktívnom formulári v časti Dizajn prispôsobíte farbu, pozadie, veľkosť a font písma. Viac v návode Dizajn formulára.

Ďalšie chyby, ktoré v e-mailoch znižujú počet kliknutí, opisuje článok 8 chýb, ktoré ohrožujú mieru preklikov vášho newsletteru.

Farby roka Pantone od roku 2000 do 2026

Farba roka je odtieň, ktorý každoročne v decembri vyhlasuje americký inštitút Pantone Color Institute ako symbol nálady nadchádzajúceho roka. Pantone je tvorcom systému, podľa ktorého sa farby označujú v tlači, móde a dizajne. Farbu roka vyberá od roku 2000.

Pri pohľade na celý rad je vidieť niekoľko vecí:

• Modré a tyrkysové odtiene sa vracajú najčastejšie. Cerulean, Aqua Sky, Blue Turquoise, Blue Iris, Turquoise, Serenity a Classic Blue. Zodpovedá to tomu, že modrá je najobľúbenejšou farbou na svete.
• Dvakrát vyhrala dvojica farieb. V roku 2016 Rose Quartz a Serenity, v roku 2021 Ultimate Gray a Illuminating.
• Po sýtej dekáde prišlo upokojenie. Od roku 2024 vyberá Pantone tlmené, prírodné tóny: broskyňovú, hnedú a bielu.
• Biela vyhrala prvýkrát. Cloud Dancer pre rok 2026 je prvý biely odtieň v histórii výberu.

Farby roka 2021: sivá a žltá

Pre rok 2021 zvolila spoločnosť Pantone Color Institute kombináciu dvoch farieb, a to sivej Ultimate Gray (PANTONE 17-5104, RGB 147, 149, 151, #939597) a žiarivo žltej Illuminating (PANTONE 13-0647, RGB 245, 223, 77, #F5DF4D), ktorými nahradila modrú Classic Blue z roku 2020.

Spojenie týchto dvoch rozdielnych, od seba nezávislých odtieňov má zdôrazniť silu, ktorá vznikne ich vzájomnou podporou a harmóniou. Kombinácia sivej a žltej vyjadruje súčasne hrejivosť a optimizmus, má byť príbehom, ktorý v nás vzbudzuje príjemné pocity a dáva nádej do budúcnosti.

Je to zároveň dobrá ukážka toho, prečo farbu roka nepreberať bez rozmyslu. Biely text na žltej Illuminating má kontrastný pomer len 1,3 : 1 a sivý text Ultimate Gray na bielom pozadí 3 : 1. Ani jedna kombinácia nestačí pre bežný text.

Farba roka 2026: Cloud Dancer

Pre rok 2026 vybral Pantone odtieň Cloud Dancer (PANTONE 11-4201), teplú bielu. Inštitút ju opisuje ako symbol upokojenia v spoločnosti, ktorá znovu objavuje hodnotu tichého zamyslenia. Pre e-maily a weby to nie je žiadna revolúcia. Biela je najčastejšou farbou pozadia a voľný biely priestor okolo textu a tlačidiel patrí k najlacnejším spôsobom, ako sprehľadniť oznámenie.

Ako vybrať farby pre e-mail a web v 6 krokoch

1. Vychádzajte z farieb značky. Hlavnú farbu berte z loga a používajte ju vo všetkých e-mailoch, na webe aj vo formulároch rovnako.
2. Overte, že farba zodpovedá tomu, čo predávate. Opýtajte sa niekoľkých zákazníkov, čo im vaše farby pripomínajú.
3. Vyberte jednu akcentovú farbu len pre tlačidlá a odkazy a nepoužívajte ju na nič iné.
4. Zmerajte kontrast, napríklad vo vývojárskych nástrojoch prehliadača Chrome (pravé tlačidlo myši, Preskúmať, panel Štýly, vzorka farby). Text voči pozadiu má mať pomer aspoň 4,5 : 1, text na tlačidle tiež.
5. Nespoliehajte sa len na farbu. Dôležitú informáciu doplňte textom, ikonou alebo podčiarknutím.
6. Pošlite si testovací e-mail, pozrite si ho na mobile aj v tmavom režime a farbu tlačidla overte A/B testom.

Kontrola farieb pred odoslaním e-mailu

• Farby zodpovedajú značke a pristávacej stránke.
• Akcentová farba je len na tlačidlách a odkazoch.
• Text na tlačidle je čitateľný aj na mobile na slnku.
• Sivý text nie je svetlejší, než je nutné.
• Žiadna informácia nie je odovzdaná len farbou.
• Logo je vidieť vo svetlom aj tmavom režime.

Na záver

Farby nie sú veda s jedným správnym výsledkom. Oplatí sa však poznať pár pravidiel, ktoré platia vždy: farba sa má hodiť k tomu, čo ponúkate, dôležitý prvok má byť vidieť a text sa má dať prečítať. Všetko ostatné si overte na vlastných zákazníkoch.

Ako postaviť e-mail od predmetu po tlačidlo, vysvetľuje online kurz Copywriting a dizajn e-mailov, ktoré sa čítajú. Ak chcete prebrať vzhľad svojich kampaní s nami, napíšte nám na support@onquanda.com alebo si dohodnite konzultáciu zdarma.