logo
19 minut čteníDesign menuPřístupnostBrandingQR menu

Jaké barvy zvolit pro restaurační menu: praktický průvodce kontrastem, značkou a přístupností

Jak vybrat barvy menu, které hosté opravdu přečtou: kontrastní poměry podle WCAG, co psychologie barev dokazuje a co ne, barvoslepost, barevné palety značky podle typu podniku, tištěné menu vs. QR menu, turistické podniky, sezónní akcenty a test v 6 krocích před tiskem.

Člověk vybírá barvy menu a červenou pastelkou označuje vytištěné vzorníky barev

Představte si hosta u rohového stolu v devět večer. Světla jsou ztlumená, svíčka dohořela a popisy jídel jsou vysázené bledou zlatou, která na monitoru grafika vypadala nádherně. Host nakloní menu ke plameni, vzdá to a objedná si jediné jídlo, jehož název dokázal přečíst.

Na té paletě nebylo nic ošklivého. Jen selhala v prvním úkolu, který menu má: dát se přečíst.

Tahle myšlenka prochází všemi následujícími částmi. Barvy menu nesou atmosféru a značku, ale teprve tehdy, když jsou slova čitelná.

Jaké barvy se do restauračního menu hodí nejlépe? Krátká odpověď

Nejdřív zvolte barvy, které lidé přečtou, a teprve potom barvy, které vystihují váš podnik. Barevné schéma menu funguje, když kombinace barvy textu a pozadí zůstává čitelná při slabém světle, na vzdálenost natažené paže i na displeji telefonu. Atmosféra a styl přicházejí až potom.

Pravidlo 1

Kontrastní text

Tmavé na světlém, nebo světlé na tmavém, s kontrastním poměrem alespoň 4,5:1 pro běžný text.

Pravidlo 2

Jeden nebo dva akcenty značky

Barvy značky používejte pro nadpisy, oddělovače a názvy kategorií, ne pro dlouhé popisy jídel.

Pravidlo 3

Omezená paleta

Držte barevnou paletu tak malou, aby žádná dekorace nesoupeřila s jídly.

Praktické pravidlo tří barev

Dobrým výchozím bodem jsou tři barvy: neutrální pro pozadí, výrazná neutrální pro text a jeden akcent převzatý z barev vaší značky. Druhý akcent je v pořádku, pokud se objevuje střídmě.

Menu tak zůstane v souladu s vývěsním štítem i webem a stránka nebude působit přeplácaně. Samotný akcent závisí na konceptu restaurace. Rybí bistro, hotelová snídaňová místnost a stánek se street foodem si obvykle vyberou různé odstíny, ale všechny tři potřebují stejný čitelný základ.

Proč čitelnost vítězí nad atmosférou

Většina rad k tomuto tématu začíná psychologií barev, například tvrzením, že červená povzbuzuje chuť k jídlu a zrychluje tep. To tvrzení se často opakuje, ale má za sebou jen málo důkazů, takže ho berte jako náznak nálady, ne jako pravidlo.

S čitelností je to jiné: má měřitelný standard. Pravidla WCAG 2.2 konsorcia W3C v kritériu úspěšnosti 1.4.3 (Kontrast – minimální) vyžadují na úrovni AA kontrastní poměr alespoň 4,5:1 pro běžný text a obrázky textu. Atmosférické menu, které hosté při svíčkách nepřečtou, selhalo ve svém jediném úkolu.

Co psychologie barev skutečně dokazuje (a co ne)

Hledejte rady k barvám menu a na jedné stránce za druhou najdete stejný příběh: červená vyvolává hlad, modrá bere chuť k jídlu, zelená značí čerstvost. Příběh je úhledný. Důkazy za ním jsou slabší, než naznačuje jeho opakování, a proto se vyplatí oddělit, co výzkumníci změřili, od toho, co blogy jen převzaly.

Červená, oranžová a žlutá: tvrzení o „chuti k jídlu“

Teplé barvy sklízejí většinu zásluh. Červená prý povzbuzuje chuť k jídlu a dokonce zrychluje tep. Taková tvrzení široce kolují v textech z oboru gastronomie, aniž by za nimi stála primární studie. Jde o hojně opakované přesvědčení se slabými důkazy, ne o výzkumné zjištění.

Nejlépe zdokumentovaný výzkum červené ukazuje úplně jiným směrem. Elliot a kol. (2007) v časopise Journal of Experimental Psychology: General zjistili v šesti experimentech, že kontakt s červenou před testem, například testem IQ, zhoršoval výkon. Autoři efekt spojili s motivací k vyhýbání.

Šlo o výkonovou situaci, ne o jídelnu, a o hladu to přímo nic neříká. Ukazuje to ale, že červená není jednoduchý signál „vpřed“.

Modrá a zelená: čerstvost vs. potlačení chuti k jídlu

Tytéž texty líčí studené barvy jako opačný případ. Modrá má potlačovat chuť k jídlu, zelená signalizovat čerstvost a zdraví. Primární zdroj se u žádného z těchto tvrzení zpravidla neuvádí, takže obě zůstávají ve sloupci lidových přesvědčení.

Zelený štítek nad oddílem salátů může mnoha hostům působit svěže. Je to ale asociace, ne důkaz, že zelená mění, co si lidé objednávají.

Proč kontext a kultura mění účinek

Význam závisí na prostředí. Červený akcent v neformálním grilu, světle zelená paleta v džusovém baru a tmavě modré menu v rybí restauraci jsou tři různé situace a pravidlo z jedné se na ostatní jen zřídka přenese.

Druhou proměnnou je kultura a tady začínají být důkazy zajímavější. Jonauskaite a kol. (2020) v časopise Psychological Science oslovili 4 598 účastníků ve 30 zemích hovořících 22 jazyky. Podle abstraktu na White Rose Research Online byly asociace barev a emocí silně sdílené, s průměrnou podobností r = 0,88.

Jinými slovy, významy barev se napříč kulturami překrývají víc, než předpokládá folklor. Studie však měřila emoční asociace, ne volbu jídla ani chuť k jídlu. O tom, zda barva mění, co si hosté objednají, toho říká málo.

Populární tvrzeníStav důkazů
Červená povzbuzuje chuť k jídlu a zrychluje tepOpakují jen blogy
Modrá potlačuje chuť k jídluOpakují jen blogy
Zelená signalizuje čerstvost a zdravíZávisí na kontextu; primární zdroj neuveden
Červená před testem snižuje výkon (Elliot a kol., 2007)Podloženo, jen ve výkonových situacích
Asociace barev a emocí jsou mezi zeměmi široce sdílené (Jonauskaite a kol., 2020)Podloženo, pro emoce, nikoli pro chuť k jídlu

Praktický závěr je skromný. Barva sotva bude spolehlivou pákou na chuť k jídlu. Vaši pozornost lépe zúročí čitelnost a přístupnost, kde je půda pod nohama mnohem pevnější.

Kontrast a čitelnost: to nejdůležitější

Menu může mít pečlivě zvolenou paletu, a přesto hosta u stolu ztratit, pokud jsou názvy jídel špatně čitelné. Tlumené světlo v restauraci, malé displeje telefonů a unavené oči dělají z čitelnosti první zkoušku, kterou musí každé barevné schéma složit, dlouho před atmosférou nebo souladem se značkou.

Barva textu vs. barva pozadí

Měřitelnou částí čitelnosti je kontrastní poměr: srovnání toho, jak světlý je text oproti barvě pozadí. Čím vyšší číslo, tím zřetelněji se písmena od stránky oddělují. Podle WCAG 2.2, kritéria úspěšnosti 1.4.3 (Kontrast – minimální, úroveň AA), potřebuje běžný text a obrázky textu alespoň 4,5:1.

Poměry nejsou intuitivní, a v tom je ta past. Zlatá na bílé vypadá elegantně a dosahuje zhruba 2,1:1. Středně šedá na bílé vypadá „čistě“ a může nepozorovaně klesnout pod hranici. Přehled níže ukazuje šest ukázkových dvojic s poměry vypočtenými z uvedených hexadecimálních hodnot.

Text / pozadíPoměrVůči 4,5:1
#222222 na #FFFFFF (téměř černá na bílé)15,91:1Vyhovuje
#333333 na #F5EFE0 (antracitová na krémové)11,01:1Vyhovuje
#F2E8D5 na #1E3A2F (krémová na tmavě zelené)10,16:1Vyhovuje
#767676 na #FFFFFF (středně šedá na bílé)4,54:1Vyhovuje, těsně
#C0392B na #2B2B2B (červená na antracitové)2,60:1Nevyhovuje
#D4AF37 na #FFFFFF (zlatá na bílé)2,10:1Nevyhovuje

Před zveřejněním si své vlastní dvojice ověřte v nástroji pro kontrolu kontrastu.

Velikost a tloušťka písma posouvají hranici

Typografie hranici posouvá. WCAG 2.2 snižují požadavek na 3:1 pro velký text, tedy alespoň 18 pt nebo 14 pt tučně. Výrazný nadpis kategorie ve 20 pt tak snese měkčí barvu než řádek se surovinami v 10 pt.

Tuto úlevu je snadné zneužít. Tenká, ozdobná nebo psací písma v malých velikostech ztrácejí tahy, takže se chovají, jako by byla menší než jejich velikost v bodech.

Problému předejde jednoduchý zvyk. Popisy, údaje o alergenech a ceny sázejte robustním, jednoduchým písmem ve velikosti běžného textu a tam dosáhněte 4,5:1. Ozdobná písma a světlejší barvy si nechte pro velké nadpisy.

Akcentní barvy pro nadpisy oddílů a zvýraznění

Akcentní barvy fungují nejlépe tam, kde se čte málo: v nadpisech oddílů, tenkých oddělovačích, malém odznaku. Pro grafické prvky, jako jsou ikony, rámečky a obrys štítku ve tvaru tlačítka, požadují WCAG 2.2 v kritériu úspěšnosti 1.4.11 (Kontrast netextového obsahu, úroveň AA) alespoň 3:1 vůči sousedním barvám. Bledá akcentní linka, která na krémovém pozadí mizí, tímto testem neprojde.

Akcenty jsou také nenápadným nástrojem ke zvýraznění jídel s vysokou marží. Střídmé označení, třeba výraznější řez písma, malý symbol nebo tónovaný panel za jídlem šéfkuchaře, přitáhne pohled, aniž by se měnila barva textu. Samotný zvýrazněný text musí zůstat na 4,5:1.

Se zvýrazňováním šetřete. Když je zvýrazněné každé třetí jídlo, nevynikne žádné.

Když hosté otevřou vaše menu jako QR menu v telefonu, jako u Platoo, platí stejná pravidla na podsvíceném displeji na slunci i při svíčkách. Fotky pomáhají, ale názvy a ceny musí zůstat čitelné.

Přístupnost: kontrast podle WCAG, barvoslepost a EAA

Menu může na grafikově monitoru vypadat elegantně, a přesto být pro mnoho hostů špatně čitelné. U přístupnosti přestává být barva věcí vkusu a stává se otázkou, zda lidé menu vůbec přečtou.

Úrovně kontrastu WCAG 2.2 jednoduše

Nejrozšířenějším měřítkem jsou pravidla WCAG 2.2 konsorcia W3C, která vyjadřují čitelnost jako kontrastní poměr mezi textem a pozadím. Podle kritéria úspěšnosti 1.4.3 vyžaduje úroveň AA alespoň 4,5:1 pro běžný text a obrázky textu a alespoň 3:1 pro velký text (18 pt a více, nebo 14 pt tučně). Úroveň AAA v kritériu 1.4.6 zvyšuje požadavek na 7:1 pro text a 4,5:1 pro velký text.

ÚroveňKritérium úspěšnostiBěžný textVelký text (18 pt nebo 14 pt tučně)
A1.4.1 Použití barvyBez poměru; barva nesmí být jediným způsobem předání informaceTotéž
AA1.4.3 Kontrast (minimální)Alespoň 4,5:1Alespoň 3:1
AAA1.4.6 Kontrast (zvýšený)Alespoň 7:1Alespoň 4,5:1

U menu berte úroveň AA jako minimum. Popisy jídel a údaje o alergenech jsou běžný text a právě tam bledě šedá na bílé nebo zlatá na krémové obvykle selhávají.

Barvoslepost a past červené a zelené

Podle Colour Blind Awareness postihuje porucha barevného vidění přibližně 1 z 12 mužů (8 %) a 1 z 200 žen a nejčastější formou je záměna červené a zelené. Kritérium WCAG 1.4.1 úrovně A stanoví, že barva nesmí být jediným vizuálním prostředkem k předání informace nebo rozlišení prvku.

Menu toto pravidlo snadno porušují. Představte si menu, ve kterém vegetariánská jídla dostanou zelenou tečku, pálivá červenou, a nic víc. Hostovi s červeno-zelenou barvoslepostí mohou obě tečky připadat jako stejná kalná hnědá a legenda přestane fungovat.

Originál (simulovaný pohled při poruše barevného vidění)

  • ✕Červené a zelené tečky podobné světlosti splývají v jeden odstín; legenda je nepoužitelná.

Opravená verze (stejná simulace)

  • ✓Vedle každé tečky je ikona listu a písmena „V“ a „S“ a tmavé a světlé odstíny se liší jasem, takže každá značka zůstává rozlišitelná.

Oprava nestojí skoro nic:

  • Ke každé barevné značce přidejte symbol nebo popisek.
  • Měňte nejen odstín, ale i světlost.
  • Zkontrolujte návrh v odstínech šedi.

Co EAA pokrývá a co u menu neřeší (ověřte vnitrostátní právo)

Podle Evropské komise se Evropský akt o přístupnosti (European Accessibility Act, EAA) vztahuje mimo jiné na elektronický obchod, bankovnictví a služby osobní dopravy. Podle portálu EU Vaše Evropa platí jeho požadavky na přístupnost pro výrobky a služby uvedené na trh po 28. červnu 2025. Mikropodniky s méně než 10 zaměstnanci a obratem pod 2 miliony EUR jsou z povinností týkajících se služeb vyňaty.

Nic z toho neznamená, že by se na běžné QR menu restaurace předpisy vztahovaly automaticky. Záleží na druhu služby a na tom, jak jednotlivé země akt provedly, proto si ověřte vnitrostátní právo. Nejde o právní poradenství.

Praktický závěr platí tak jako tak. I tam, kam zákon na podnik nedosáhne, čtou hosté menu na malých displejích telefonů, na ostrém slunci nebo v šeru jídelen a dobrý kontrast slouží všem.

Jak sladit barvy menu se značkou a typem podniku

Design menu málokdy začíná na prázdném papíře. Restaurace už má logo, fasádu a místnost s vlastním světlem. Menu do tohoto obrazu buď zapadne, nebo s ním bojuje.

Vyjděte z loga a interiéru

Odborníci z praxe často radí, aby se paleta menu řídila barvami značky restaurace. Je to rada založená na zkušenosti, ne na výzkumu, a důkazy pro ni jsou omezené. Přesto je to rozumná výchozí volba. Hosté během jedné návštěvy vidí vývěsní štít, web, uniformy i menu a jednotný branding způsobí, že vše vnímají jako jedno místo.

Osvědčený postup ve třech krocích:

  1. Vyberte z loga dvě nebo tři barvy.
  2. Porovnejte je s interiérem a výzdobou. Například místnost s teplým dřevem a mosaznými prvky spíš vybízí ke krémové a tmavě zelené než k zářivě bílé.
  3. Rozhodněte se pro jedno pozadí, jednu barvu textu a jeden akcent.

Palety podle typu podniku

Koncept restaurace určuje, kam až může barevné schéma menu zajít. Berte následující návrhy jako výchozí směry, ne jako pravidla.

Typ podnikuDoporučený směr palety
KavárnaSvětlé teplé neutrální tóny s jedním přívětivým akcentem; tmavý text na lomeně bílé
Fine diningDva nebo tři tlumené odstíny, velkorysý volný prostor, kontrastní text
Street foodVýrazné, syté akcenty na jednoduchém základu; velké písmo
BarTmavé pozadí se světlým textem, nebo světlý lístek s jedním silným akcentem

Ať jde o jakýkoli podnik, vybírejte paletu podle konceptu a prostoru, ne kvůli slibovanému účinku na chuť k jídlu. Jak bylo uvedeno výše, ten účinek je podložen jen slabě.

Když barvy značky neprojdou testem kontrastu

Palety značek jsou navržené pro loga, ne pro odstavce. Bledá zlatá může na vývěsním štítu působit elegantně a v drobném běžném textu být špatně čitelná.

Obvyklým řešením je rozdělit role. Barva značky patří do nadpisů, oddělovačů a velkých ploch. Tmavší nebo světlejší neutrální tón patří k jídlům, popisům a cenám, kde musí splnit výše uvedené prahy kontrastu. Tmavé barové lístky potřebují stejnou kontrolu, protože tenký světlý text na černé se v šeru může rozmazávat.

Ilustrativní příklad

Logo kavárny má barvu bledé šalvěje. Použít ji pro popisy jídel na krémovém papíře působí věrně značce, ale unavuje oči. Přesunutí šalvějové do nadpisů oddílů a vysázení popisů antracitovou zachová identitu a vrátí čitelnost.

Tištěné vs. digitální a QR menu: stejná paleta, jiná pravidla

Paleta, která na nátisku vypadá správně, se může na telefonu hosta rozpadnout dřív, než dorazí předkrmy. Barvy se nezměnily; změnil se povrch a světlo kolem něj. Majitelé, kteří tištěné menu a QR menu berou jako jeden grafický soubor exportovaný dvakrát, se to obvykle dozvědí od hostů mžourajících na displej.

Proč se barvy mezi papírem a displejem posouvají

Tisk a displeje vytvářejí barvu odlišně. Tiskárna míchá azurovou, purpurovou, žlutou a černou barvu (CMYK). Telefon vyzařuje červené, zelené a modré světlo (RGB). Syté barvy z displeje, zejména živé modré a zelené, mohou ležet mimo to, co tiskové barvy dokážou reprodukovat, takže akcent, který na monitoru září, může být v tisku plošší.

Druh papíru a povrchová úprava jsou stejně důležité. Nenatíraný papír kontrast změkčuje, lesk zvyšuje sytost, ale pod bodovými světly vytváří odlesky. Požádejte tiskárnu o fyzický nátisk na skutečném papíře a prohlédněte si ho při osvětlení ve vašem podniku.

Digitální menu na displeji telefonu přidává proměnné, které nikdo z vašeho týmu neovlivní: jas displeje, okolní světlo, režimy úspory baterie a teplé noční filtry. Berte svou paletu jako rozpětí, které musí tohle všechno přežít, ne jako jeden přesný odstín.

Stejné menu, tři podmínky čtení (ilustrativní příklad)

Podmínky čteníCo se děje s barvami
Tištěné menu v teplém vnitřním světleBarvy zůstávají stabilní; kontrast závisí na povrchu papíru a odlescích lamp.
Telefon na jasném denním světleBarvy blednou, lesklé displeje odrážejí oblohu, tenké písmo mizí jako první.
Telefon v tmavé místnostiJas přehání sytost a bledé pozadí může oslňovat.

Tmavý režim a prosluněné zahrádky

Volba mezi tmavým a světlým pozadím je místo, kde se oba formáty rozcházejí nejvíc. Světlé písmo na tmavém pozadí může ve vinném baru při svíčkách vypadat elegantně. Na přímém slunci se ale tmavý displej mění v zrcadlo a jemné písmo mizí. Tmavý text na světlém pozadí venku obvykle obstojí lépe.

Mnoho telefonů automaticky použije systémový tmavý režim hosta, proto zkontrolujte obě verze. Myslete na hosty na terase u moře v době oběda, kteří naklánějí telefon, aby se vyhnuli odleskům. Výraznější písmo a silný kontrast jim pomohou víc než jakýkoli jemný tón.

Ať barvu v menu na telefonu nesou fotky jídel

Na malém displeji přinášejí fotky jídel barvu účinněji než tónované pruhy kategorií. Udržujte rozhraní neutrální, s téměř bílými plochami a tmavě šedým textem, a teplo nechte na fotografii jídla.

Fotky potřebují vlastní jednotnost. Podobné světlo a kompozice drží sérii pohromadě; nažloutlé a namodralé snímky vedle sebe působí nepořádně s jakoukoli paletou.

QR menu Platoo podporují fotky jídel: host naskenuje kód a vidí každé jídlo s obrázkem, zatímco okolní design zůstává nenápadný.

Z toho plyne jednoduché pravidlo: tištěné menu navrhujte pro světlo v sále a QR menu pro nejhorší světlo na vaší zahrádce.

Barvy pro turistické podniky a vícejazyčná menu

Menu v rekreačním letovisku čtou lidé, kteří nemusejí sdílet majitelovy představy o barvách a často ani jeho jazyk. To publikum je velké. Podle zprávy Eurostatu ze 17. ledna 2025 zaznamenala ubytovací zařízení v EU v roce 2024 odhadem 2,99 miliardy přenocování, o 2 % (53,4 milionu) více než v roce 2023. Zahraniční hosté tvořili 48 % těchto přenocování a domácí 52 %.

2,99 mld.

Přenocování v turistických ubytovacích zařízeních EU, 2024

Eurostat, 17. ledna 2025

+2 %

Nárůst oproti roku 2023 (53,4 milionu přenocování)

Eurostat, 17. ledna 2025

48 % / 52 %

Podíl zahraničních / domácích hostů na těchto přenocováních

Eurostat, 17. ledna 2025

Proč zahraniční hosté potřebují neutrální, kontrastní design

Téměř polovinu těchto přenocování tvořili zahraniční hosté, z nichž mnozí čtou menu v druhém jazyce nebo prostřednictvím překladu. Pro ně odvádí většinu práce čitelnost a barva hraje vedlejší roli.

Tmavý text na jednoduchém světlém pozadí zůstává čitelný na slunné terase, v přítmí hotelového baru i na telefonu s nízkým jasem. Prospívá to i přístupnosti: unavení, starší nebo barvoslepí hosté vidí stejně čitelnou stránku jako všichni ostatní.

Významy barev, které cestují, a ty, které ne

Psychologie barev se často prezentuje jako univerzální kód, ale důkazy jsou složitější. Zmíněná studie Jonauskaite zjistila silně sdílené asociace barev a emocí. Její abstrakt na White Rose Research Online zároveň uvádí, že asociace jsou si podobnější mezi jazykově nebo geograficky blízkými zeměmi a že národní rozdíly přetrvávají.

Obecné asociace jsou tedy rozumným výchozím bodem, ale význam by nikdy neměl viset na jediné barvě. Červenou pro „pálivé“ nebo zelenou pro „vegetariánské“ mohou hosté z různých regionů číst různě. Každý barevný kód doplňte slovem nebo ikonou, v každém jazyce.

Delší přeložené texty a barevná hierarchie

Přeložené popisy bývají podle jazykové dvojice často delší než originál. Hierarchie, která funguje pro krátký název jídla, se může rozpadnout, když se přeložený řádek dvakrát zalomí.

Hierarchii budujte nejdřív velikostí, řezem písma a mezerami. Barvu používejte střídmě, například jeden akcent pro nadpisy oddílů, který si i v malých velikostech udrží dostatečný kontrast.

Stejná logika platí pro QR menu na menším displeji. Platoo, služba pro QR menu, umožňuje hostům naskenovat kód a zobrazit menu s fotkami jídel v několika jazycích. Když se používají fotky, neutrální okolní barvy nechají stránku nést fotografii jídla v každé jazykové verzi.

Sezónní změny barev bez kompletního redesignu

Barevné schéma menu nemusí zůstat zmrazené celý rok. Přizpůsobovat barvy menu ročním obdobím se občas doporučuje, ale jde o hojně opakované přesvědčení se slabými důkazy a o tom, co sezónní změna udělá s tržbami, žádná data nejsou. Berte to jako způsob, jak udržet menu svěží, ne jako taktiku pro zvýšení tržeb.

Zachovejte základ, vyměňte akcent

Stanovte jádro barev své značky: text, pozadí a jeden hlavní odstín, vše ověřené na kontrast. Pak nechte jeden akcent měnit se s kalendářem, v nadpisech oddílů, na stuze nebo v rámečku s denní nabídkou.

Tak zůstanou zachovány dvě věci. Stálí hosté menu dál poznají a ten, kdo soubor upravuje, změní jednu hodnotu místo přestavby celého layoutu. Kontrast ale pokaždé znovu ověřte: bledý jarní akcent může selhat tam, kde letní prošel.

Ilustrativní příklad: jedna pevná základní paleta, čtyři zaměnitelné akcenty.

Roční obdobíAkcentní barvaKde se objevuje
JaroJemná zelenáNadpisy oddílů
LétoTeplá korálováRámeček s denní nabídkou
PodzimPálená oranžováStuha, oddělovače
ZimaSytá vínováNadpisy, rámečky

Sezónní signály pro letní zahrádky vs. zimní menu

Menu na zahrádce se čte na silném denním světle a často je tištěné, takže bledé odstíny mohou vyblednout. Držte text tmavý a atmosféru nechte nést akcent.

Zimní menu se obvykle čtou v tlumeném vnitřním světle. K takovému prostředí se hodí hlubší akcenty, ale světlé písmo na tmavém pozadí se čte pomaleji. Kavárna si například může celý rok ponechat jedno základní menu a měnit jen sezónní vložku nebo digitální záhlaví.

Jak otestovat barvy menu před tiskem nebo zveřejněním

Paleta, která vypadá správně na kalibrovaném monitoru, se může rozpadnout na stole při svíčkách nebo na poškrábaném telefonu v poledne. Test zabere méně než hodinu a zachytí většinu problémů dřív, než z nich bude dotisk.

Barevný kontrolní seznam v 6 krocích

  1. Kontrola kontrastu. Změřte kontrastní poměr každé dvojice textu a pozadí. WCAG 2.2 konsorcia W3C (KÚ 1.4.3, úroveň AA) vyžadují alespoň 4,5:1 pro běžný text a 3:1 pro velký text, tedy 18 pt nebo 14 pt tučně.
  2. Simulace poruchy barevného vidění. Projeďte návrh simulátorem barvosleposti. Podle Colour Blind Awareness postihuje porucha barevného vidění zhruba 1 z 12 mužů (8 %) a 1 z 200 žen.
  3. Test na telefonu. Otevřete digitální menu na displeji telefonu při nízkém i plném jasu.
  4. Test na denním světle. Zkontrolujte ho u okna nebo na zahrádce, kde jas displeje a okolní světlo vymývají bledé šedé.
  5. Nátisk. Objednejte si nátisk tištěného menu. Barva na vašem papíře málokdy odpovídá displeji.
  6. Test s hosty. Požádejte tři nebo čtyři lidi, včetně staršího hosta, aby do deseti sekund našli jídlo a jeho cenu.

Časté chyby, kterým se vyhnout

Obvyklá selhání jsou docela všední:

  • Světle šedý text na bílé. Na monitoru vypadá vytříbeně a v šeru jídelny mizí.
  • Text přes fotky jídel. Zhoršuje čitelnost, pokud za ním není plný panel.
  • Barva jako jediný nositel významu. Červená pro „pálivé“ bez dalšího označení nechává barvoslepé hosty hádat. Přidejte popisek nebo ikonu.
  • Schválení na jediném notebooku. To není test.

Představte si kavárnu, která na obrazovce schválí layout v bledé šalvěji na krémové a pak na papírovém nátisku zjistí, že ceny jsou v teplém večerním světle špatně čitelné. Zachytit to ve fázi nátisku stojí malý poplatek. Zachytit to po tisku stojí celý náklad.

Kde začít

Ke zlepšení barev menu nepotřebujete kompletní redesign. Začněte nejmenším textem, na který hosté při objednávání spoléhají: popisem jídla, údajem o alergenech nebo cenou.

  1. Zjistěte hexadecimální hodnoty tohoto textu a jeho pozadí.
  2. Projeďte dvojici nástrojem pro kontrolu kontrastu.
  3. Pokud vychází pod 4,5:1, upravujte barvu textu nebo pozadí, dokud neprojde, a původní barvu přesuňte do nadpisů nebo oddělovačů.

Tahle jediná změna dostane text, podle kterého hosté objednávají, na minimum WCAG úrovně AA. Akcenty značky, atmosféra a sezónní detaily pak mohou stavět na tomto základu.

Související články

Časté dotazy

Jediný vítěz neexistuje. Barevné schéma menu funguje, když udržuje text snadno čitelný a odráží identitu podniku: tmavý neutrální tón pro běžný text, jeden nebo dva akcenty značky pro nadpisy a dostatek volného prostoru. Nejdřív čitelnost, potom odstín.

Často se říká, že červená povzbuzuje chuť k jídlu a zrychluje tep a že modrá chuť k jídlu potlačuje. Tato tvrzení kolují na webech dodavatelů pro gastronomii a cateringových firem, ale primární studie je podpírá jen zřídka. Berte tento druh psychologie barev jako lidové přesvědčení se slabými důkazy. Paletu posuzujte podle toho, zda ji hosté dokážou přečíst, ne podle slibů o chuti k jídlu.

Zvolte pozadí, které se od textu zřetelně odděluje. Světlá jednoduchá pozadí jsou nejbezpečnější výchozí volbou. Volba mezi tmavým a světlým pozadím je hlavně otázkou čitelnosti: tmavé pozadí se světlým textem může na displeji fungovat, pokud kontrast obstojí.

Je spolehlivý, protože poskytuje velmi vysoký kontrast, ale není jedinou možností. Antracitová nebo sytě námořnická modrá na teplé lomeně bílé se čtou stejně dobře. Rozhoduje, aby kombinace prošla kontrolou kontrastu. Ať zvolíte jakékoli barvy, nespoléhejte jen na barvu při oddělování kategorií nebo označování jídel. Podle Colour Blind Awareness postihuje porucha barevného vidění přibližně 1 z 12 mužů (8 %) a 1 z 200 žen, proto přidejte popisky nebo symboly.

Podle WCAG 2.2 konsorcia W3C, kritéria úspěšnosti 1.4.3 (Kontrast – minimální, úroveň AA), potřebuje běžný text a obrázky textu kontrastní poměr alespoň 4,5:1. Velký text, tedy alespoň 18 pt nebo 14 pt tučně, potřebuje alespoň 3:1. Na telefonu se většina popisů jídel počítá jako běžný text, takže praktickým cílem je 4,5:1.

Záleží na okolnostech. Podle Vaše Evropa, oficiálního portálu EU, platí požadavky Evropského aktu o přístupnosti pro výrobky a služby uvedené na trh po 28. červnu 2025. Mikropodniky, tedy podniky s méně než 10 zaměstnanci a obratem pod 2 miliony EUR, jsou z povinností týkajících se služeb vyňaty. Zda konkrétní QR menu spadá do působnosti, závisí na druhu služby a na tom, jak vaše země předpis provedla. Nejde o právní poradenství, proto si ověřte místní legislativu.


Zdroje: W3C — Pravidla pro přístupnost webového obsahu (WCAG) 2.2 · Elliot et al. (2007) — Color and Psychological Functioning: The Effect of Red on Performance Attainment, Journal of Experimental Psychology: General (ERIC) · Jonauskaite et al. (2020) — Universal Patterns in Color-Emotion Associations Are Further Shaped by Linguistic and Geographic Proximity, Psychological Science (White Rose Research Online) · Colour Blind Awareness — Colour Blindness · Evropská komise — Evropský akt o přístupnosti (EAA) · Vaše Evropa — Požadavky na přístupnost výrobků a služeb · Eurostat — Cestovní ruch v EU v roce 2024, první odhady (zpráva ze 17. ledna 2025)