Kristýna Šťastná

Jak zvolit webové barvy?

Funkční grafika webu dokáže zvýšit návštěvnost vašeho webu, ale hlavně konverze. Jak je to možné? Pokud zvolíte správné grafické řešení, bude váš web pro uživatele mnohem jednodušší na procházení.

Webová grafika prodává.

A nejen to. Buduje značku vaší firmy.

I když nejste zrovna přeborník na barvy, můžete se při jejich výběru řídit několika jednoduchými pravidly, díky kterým nešlápnete vedle.

Web, který na návštěvníka působí přívětivě, má mnohem větší šanci na úspěch.

Barvy webové grafiky - INNOIT

 

 

 

Co je barva?

Z fyzikálního hlediska je barva označení určité vlnové délky viditelného světla. Barvy, viditelné lidským okem, mají vlnovou délku od 800 nm (červená) do 400 nm (fialová). Za hranicemi tohoto intervalu se nachází záření ultrafialové (vlnová délka méně než 400 nm) a infračervené (vlnová délka větší než 800 nm).

Povrch nějakého předmětu má tedy barvu světla, kterou odráží nebo vyzařuje. Odraz závisí nejen na složení světelného spektra dopadajícího paprsku, ale i na tom, které složky spektra povrch odráží a které pohlcuje. Záleží také na úhlu, ze kterého je povrh pozorován.

Lidské oko vnímá barvy díky smyslovým receptorům zvaným čípky. Existují tři různé typy těchto nervových buněk a každý registruje jednu základní barvu RGB - červenou, zelenou nebo modrou.

 

INNOIT služby

 

 

 

Působení barev na uživatele

Pro správné určení barev nejen pro webovou grafiku, ale i pro váš brand, je důležité pochopit jak barvy vznikají a také jak působí na podvědomí uživatele. Je důležité znát, jaké barvy jsou komplementární (doplňkové) a jaké barvy působí ve svých kombinacích harmonicky.

Tento nejen estetický aspekt je velmi důležitý pro volbu správné webové grafiky. Aby byl web váš správně čitelný pro úplně každého uživatele, je potřeba zvolit správné kontrasty barev.

Jak barvy vznikají?

Zvolit barvy, které se k tobě budou hodit, není zas takový oříšek. Nemusíte být ani umělecky založený člověk, abyste dokázali přiřadit barvy, které k sobě ladí. Je třeba pouze pochopit, jak barvy vznikají. S tím vám pomůže základní pomůcka: barevný kruh.
 

Teorie barev - INNOIT

obr 1.: Barevný kruh 

Primární barvy

Barvy, ze kterých lze jejich kombinací vytvořit všechny ostatní barvy. Primární (základní) barvy jsou 3:

  • červená
  • žlutá
  • modrá

Sekundární barvy

Sekundární barvy jsou také 3 a vznikají smícháním dvou sousedních primárních barev.

  • červená a modrá = fialová
  • žlutá a modrá = zelená
  • žlutá a červená = oranžová

Terciární barvy

Vznikají smícháním jedné primární a jedné sekundární barvy. Poměr použitých barev ovlivňuje výsledný odstín – například více červené a méně fialové vytvoří červenofialovou s dominantní červenou složkou.

  • červeno-oranžová
  • žluto-oranžová
  • žluto-zelená

 

 

 

Chcete vědět, co barvy říkají, ještě než promluvíte?

Přihlaste se k odběru novinek a mějte přehled o tom, co hýbe světem webu, designu a značek.

Přihlásit se k novinkám

 

 

 

 

 

Psychologie barev

Jak na nás podvědomě působí barvy?

Každá barva působí na naši psychiku různými způsoby. 

Je samozřejmé, že vnímání barev a emocí s nimi spojených je subjektivní. Například některým lidem může třeba meruňková barva připadat velice příjemná, ale v v jinem člověku vyvolává nepříjemné pocity. Velkou roli při vnímání barev hrají také předchozí životní události a pozitivní i negativní zkušenosti s nimi spjaté.

Psychologie barev - INNOIT
obr 2.: Schéma vnímání barev 

Obecně se dá generalizovat vnímání barev většinou lidí takto:

  • červená - vášnivá, vyvolává naléhavost, zvyšuje tep, vyvolává hlad
     
  • oranžová - hravá barva, vyvolává spěch, ale i cenovou dostupnost
     
  • žlutá - přátelská, pozitivní a optimistická barva, probouzí silné emoce
     
  • zelená - mladistvá barva, většinou používaná pro bio produkty pečující o životní prostředí
     
  • modrá - upřímná, klidná, logická a pečující, barva profesionálů
     
  • bílá - čistá, jednoduchá, svobodná
     
  • černá - luxusní, exkluzivní barva, svádí k impulzivním nákupům
     
  • hnědá - spolehlivá, domácí, vyzařuje teplo
     
  • purpurová - kreativní, nostalgická, královská, evokující luxus
     
  • růžová - sladká, roztomilá, sexy, záleží však na odstínu

 

Barvy nejsou jen estetika

Jsou to emoce, vzkazy a nástroje.

Barvy na webu nejsou jen „na parádu“. Vhodně zvolená barevnost dokáže navést uživatele, usnadnit čtení, a dokonce i vyvolat akci – třeba nákup nebo odeslání formuláře. Dobře zvolená barevná kombinace zvyšuje čitelnost, srozumitelnost a celkovou uživatelskou zkušenost.
​Nezapomeňte – barvy mluví za vás ještě dřív, než návštěvník přečte první větu.


Trendy přicházejí a odcházejí

Silná značka zůstává

Grafická společnost Pantone každý rok určuje jinou barvu roku.
Tato barva každoročně odráží aktuální nálady ve společnosti, designu a kultuře. Pro rok 2025 je to Mocha Mousse – teplý, zemitý odstín evokující stabilitu, přirozenost a klid.

Může být skvělou inspirací pro vizuály nebo kampaň, ale při výběru barev pro značku a web se neřiďte pouze trendy. Inspirujte se jimi, ale vždy přemýšlejte nad tím, jak budou barvy působit na vaše zákazníky zítra i za tři roky.

Potřebujete poradit s výběrem barev pro váš web nebo značku?
Rádi vám pomůžeme.

 

Kontaktujte nás

 

Kombinace barev

Barvy se navzájem ovlivňují a vytvářejí různé dojmy. Některé kombinace působí klidně, jiné naopak přitáhnou pozornost. Když víte, jak barvy spolupracují, dokážete je lépe využít na webu i v brandu.

Komplementární
barvy

jsou barvy s maximálním kontrastem. V dvanáctiúhelníku barev leží přímo naproti sobě.

Triadické
barvy

mají od sebe stejný rozestup. Nejsou tak kontrastní jako barvy komplementární.

Rozštěpené
kompl. barvy

se skládají z jedné barvy základní a dalších dvou, které sousedí s komplementární barvou.

Analogické
barvy

jsou 3 sousední barvy, které leží v dvanáctiúhelníku přímo vedle sebe a vzájemně se doplňují.

Kontrasty webové grafiky - INNOIT

Webové barvy - INNOIT

Barva webové grafiky - INNOIT

Barva webové grafiky - INNOIT

 

 

 

Shrnutí

Správná volba barev vám může značně pomoci s návštěvností a prodejem na webových stránkách.

Váš web by měly působit harmonicky, barevně lahodit oku a vzbuzovat pocity, které chcete propojit s vaší firmou. Pokud vám grafik na začátku projektu zašle několik otázek ohledně vašeho produktu, motta, firemních hodnot nebo cílové skupiny, vězte, že se nejedná o zbytečné dotazy. Pro kvalitní návrh webové grafiky je třeba tyto věci znát. Proto si dejte na odpovědi opravdu záležet. Díky těmto vstupním informacím se grafik může napojit na vaši myšlenku a bude ji moct úspěšně předat dál k vašemu potenciálnímu zákazníkovi. To je možné také právě díky správné volbě barev a dalších grafických prvků na webové stránce. 

V případě webové grafiky je však neméně důležité volit barvy ve správném kontrastu a nepřemýšlet pouze nad estetikou, ale i nad technickou stránkou věci. To ale každý správný webový grafik ví a dle toho také navrhne grafiku vašich webových stránek.

 

 

Teorii už znáte, ale jak to přenést do praxe?

Chcete poradit jaké barvy zvolit pro váš brand?

Obraťte se na nás. My se vám rádi budeme věnovat.

Kontaktujte nás >

Těšíme se na vás.

 

 

Zdroje:

www.celostnimedicina.cz
www.lenkadoleckova.cz
www.estav.cz
www.drawplanet.cz

Aktualizováno 23.4.2025