Jaké barvy vybrat pro váš e‑shop?

Barvy mají zákazníkovi pomoci poznat značku a zorientovat se v nabídce. Vybírejte je podle identity, čitelnosti a použití na webu, ne podle jedné univerzální poučky.

Dejte barvám jasnou roli

Oddělte barvu značky, pozadí, běžný text a důležité akce. Když má stejné výrazné pozadí tlačítko, informační box i dekorace, zákazník hůře pozná, co je skutečně důležité. Menší a důsledně používaná paleta bývá praktičtější než mnoho nesouvisejících odstínů.

Čitelnost má přednost před efektem

Ověřte kontrast na skutečném pozadí a v reálné velikosti textu. WCAG pro běžný text na úrovni AA požaduje poměr alespoň 4,5 : 1, u velkého textu 3 : 1. Samotná výraznost barvy nezaručuje čitelnost. Pozor zejména na světle šedý drobný text a zelenou na světlém podkladu.

Význam nesdělujte jen barvou

Chybu ve formuláři vysvětlete textem, dostupnost produktu doplňte slovním označením a aktivní filtr zřetelným stavem. Zákazník má rozhraní pochopit i tehdy, když odstíny vnímá jinak nebo používá obrazovku na slunci.

Vyzkoušejte celou nákupní cestu

• Detail produktu s fotografiemi různých barev.
• Košík, formulář a chybové hlášky.
• Mobilní menu, štítky a filtry.
• Reklamní banner a e-mail vedle vzhledu webu.

Barevnost připravujeme jako součást identity a konkrétního rozhraní. Díky tomu lze stejnou značku poznat na e-shopu, v kampaních i na sociálních sítích bez ztráty přehlednosti.

Co pro vás můžeme připravit: Grafika.

Obsah aktualizován 20. 10. 2026.