{"id":43400,"date":"2025-08-02T03:09:59","date_gmt":"2025-08-02T03:09:59","guid":{"rendered":"https:\/\/staging.pageloot.com\/uncategorized\/qr-code-color-contrast-best-practices\/"},"modified":"2026-10-23T06:01:13","modified_gmt":"2026-10-23T06:01:13","slug":"qr-code-color-contrast-best-practices","status":"publish","type":"post","link":"https:\/\/pageloot.com\/cs\/blog\/qr-code-color-contrast-best-practices\/","title":{"rendered":"Z\u00e1sady kontrastu barev QR k\u00f3du pro spolehliv\u00e9 skenov\u00e1n\u00ed"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Nejlep\u0161\u00ed barvy QR k\u00f3d\u016f jsou tmav\u00e9 moduly (\u010dtverce) na sv\u011btl\u00e9m pozad\u00ed, a ano, QR k\u00f3dy mohou b\u00fdt barevn\u00e9. Pravidlo je jednoduch\u00e9: moduly mus\u00ed b\u00fdt z\u0159eteln\u011b tmav\u0161\u00ed ne\u017e pozad\u00ed. \u010cern\u00e1 na b\u00edl\u00e9 d\u00e1v\u00e1 kontrastn\u00ed pom\u011br 21:1 a je nejbezpe\u010dn\u011bj\u0161\u00ed volbou. Pro zna\u010dkov\u00fd k\u00f3d usilujte o pom\u011br alespo\u0148 4:1 a pro venkovn\u00ed zna\u010den\u00ed, kde slune\u010dn\u00ed sv\u011btlo a vzd\u00e1lenost sni\u017euj\u00ed efektivn\u00ed kontrast, pou\u017eijte 7:1 nebo v\u00edce. Tento pr\u016fvodce uv\u00e1d\u00ed \u010d\u00edsla, barevnou tabulku a testovac\u00ed postup.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Jak\u00e9 barvy QR k\u00f3d\u016f funguj\u00ed a mohou b\u00fdt QR k\u00f3dy barevn\u00e9?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">QR k\u00f3d m\u016f\u017ee m\u00edt t\u00e9m\u011b\u0159 jakoukoli barvu a m\u016f\u017ee pou\u017e\u00edvat r\u016fzn\u00e9 barvy pro moduly a pozad\u00ed. Kamera telefonu nerozezn\u00e1v\u00e1 odst\u00edn. P\u0159evede obraz na stupn\u011b \u0161edi a \u010dtverec po \u010dtverci rozhoduje, co je tmav\u00e9 a co sv\u011btl\u00e9. Tak\u017ee ot\u00e1zkou nen\u00ed, jakou barvu si vyberete, ale jak moc se li\u0161\u00ed dv\u011b hodnoty ve stupn\u00edch \u0161edi.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Funguje:<\/strong> n\u00e1mo\u0159nick\u00e1 mod\u0159, tmav\u011b zelen\u00e1, uhlov\u00e1, tmav\u011b fialov\u00e1, tmav\u011b hn\u011bd\u00e1 nebo \u010dern\u00e9 moduly na b\u00edl\u00e9m, kr\u00e9mov\u00e9m nebo jin\u00e9m velmi sv\u011btl\u00e9m pozad\u00ed.<\/li>\n<li><strong>Funguje s testem:<\/strong> tmav\u011b \u010derven\u00e1, tmav\u00e1 tyrkysov\u00e1 a tmav\u011b oran\u017eov\u00e1 na b\u00edl\u00e9. Nejprve zkontrolujte pom\u011br a naskenujte ti\u0161t\u011bn\u00fd d\u016fkaz.<\/li>\n<li><strong>Nefunguje:<\/strong> \u017elut\u00e9, sv\u011btle \u0161ed\u00e9, pastelov\u00e9 nebo neonov\u00e9 moduly a jak\u00e1koli dvojice barev se stejnou jasnost\u00ed, nap\u0159\u00edklad st\u0159edn\u011b zelen\u00e1 na st\u0159edn\u011b \u010derven\u00e9.<\/li>\n<li><strong>Rizikov\u00e9:<\/strong> sv\u011btl\u00e9 moduly na tmav\u00e9m pozad\u00ed (invertovan\u00e9 k\u00f3dy). Mnoho skenovac\u00edch aplikac\u00ed je \u010dte, ale n\u011bkter\u00e9 ne, tak\u017ee se jim vyhn\u011bte u v\u0161eho, na \u010dem z\u00e1le\u017e\u00ed.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Pro\u010d kontrast ovliv\u0148uje skenovatelnost QR k\u00f3du<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Optick\u00e9 senzory \u010dtou QR k\u00f3dy m\u011b\u0159en\u00edm rozd\u00edlu v odrazivosti mezi tmav\u00fdmi a sv\u011btl\u00fdmi moduly. Standard QR k\u00f3d\u016f, ISO\/IEC 18004, p\u0159edpokl\u00e1d\u00e1 tmav\u00e9 moduly na sv\u011btl\u00e9m pozad\u00ed. Tmav\u00e9 moduly absorbuj\u00ed sv\u011btlo a sv\u011btl\u00e9 pozad\u00ed ho odr\u00e1\u017e\u00ed. Pokud je rozd\u00edl p\u0159\u00edli\u0161 mal\u00fd, dekod\u00e9r nedok\u00e1\u017ee odd\u011blit datov\u00fd vzor od pozad\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">P\u0159i testov\u00e1n\u00ed \u010d\u00e1rov\u00fdch k\u00f3d\u016f (ISO\/IEC 15415) je kontrast symbolu rozd\u00edl mezi nejjasn\u011bj\u0161\u00ed a nejtmav\u0161\u00ed odrazivost\u00ed v k\u00f3du. Kontrast symbolu 70 % a v\u00edce z\u00edsk\u00e1v\u00e1 nejlep\u0161\u00ed hodnocen\u00ed, zat\u00edmco pod 20 % znamen\u00e1 selh\u00e1n\u00ed. Hodnotitel\u00e9 tak\u00e9 kontroluj\u00ed modulaci, kter\u00e1 ukazuje, jak rovnom\u011brn\u011b se sv\u011btl\u00e9 a tmav\u00e9 moduly odr\u00e1\u017eej\u00ed po cel\u00e9m symbolu. Nerovnom\u011brn\u00e9 barvy nebo slab\u00e9 odd\u011blen\u00ed zp\u016fsobuj\u00ed, \u017ee skener mine okraje modul\u016f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Norm\u00e1ln\u00ed polarita, s tmav\u00fdmi moduly na sv\u011btl\u00e9m pozad\u00ed, funguje na ka\u017ed\u00e9m za\u0159\u00edzen\u00ed. N\u011bkter\u00e9 vestav\u011bn\u00e9 aplikace fotoapar\u00e1t\u016f telefon\u016f nedok\u00e1\u017eou \u010d\u00edst sv\u011btl\u00e9 k\u00f3dy na tmav\u00e9m pozad\u00ed a podpora se li\u0161\u00ed podle modelu telefonu a verze softwaru. Pou\u017e\u00edvejte norm\u00e1ln\u00ed polaritu, pokud jste neotestovali inverzn\u00ed verzi na za\u0159\u00edzen\u00edch, kter\u00e1 pou\u017e\u00edv\u00e1 va\u0161e publikum.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hodnocen\u00ed pom\u011br\u016f a prahov\u00fdch hodnot barevn\u00e9ho kontrastu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrastn\u00ed pom\u011br je \u010d\u00edslo od 1:1 (\u017e\u00e1dn\u00fd rozd\u00edl) do 21:1 (\u010dern\u00e1 na b\u00edl\u00e9). Pom\u011br vych\u00e1z\u00ed z pravidel p\u0159\u00edstupnosti v Pokynech pro p\u0159\u00edstupnost webov\u00e9ho obsahu (WCAG), kter\u00e9 byly naps\u00e1ny pro text, ale jsou praktick\u00fdm zp\u016fsobem, jak kontrolovat barvy QR k\u00f3d\u016f. Kontrolor kontrastu (vyhledejte &quot;WCAG contrast checker&quot;) p\u0159ij\u00edm\u00e1 dva hexadecim\u00e1ln\u00ed k\u00f3dy a vrac\u00ed pom\u011br. V\u00edce o inkluzivn\u00edm designu si p\u0159e\u010dt\u011bte v na\u0161em pr\u016fvodci <a href=\"https:\/\/pageloot.com\/cs\/blog\/how-to-make-qr-codes-ada-compliant\/\">jak vytvo\u0159it QR k\u00f3dy vyhovuj\u00edc\u00ed ADA<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pou\u017eijte tyto c\u00edle. Nejm\u00e9n\u011b 4:1 je minimum pro vnit\u0159n\u00ed tisk a obrazovky. 7:1 nebo v\u00edce je bezpe\u010dn\u011bj\u0161\u00ed pro obaly, let\u00e1ky a cokoli fotografovan\u00e9ho v r\u016fzn\u00e9m sv\u011btle. 10:1 nebo v\u00edce je c\u00edlem pro venkovn\u00ed zna\u010den\u00ed. N\u00ed\u017ee uveden\u00e9 pom\u011bry jsou p\u0159ibli\u017en\u00e9 a z\u00e1vis\u00ed na p\u0159esn\u00e9m odst\u00ednu.<\/p>\n\n\n\n<figure>\n<table>\n<thead>\n<tr>\n<th>Barevn\u00e1 kombinace<\/th>\n<th>P\u0159ibli\u017en\u00fd kontrastn\u00ed pom\u011br<\/th>\n<th>Posouzen\u00ed skenovatelnosti<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u010cern\u00e1 na b\u00edl\u00e9<\/td>\n<td>21:1<\/td>\n<td>Optim\u00e1ln\u00ed (pr\u016fmyslov\u00fd standard)<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1mo\u0159nick\u00e1 modr\u00e1 na b\u00e9\u017eov\u00e9<\/td>\n<td>~15:1<\/td>\n<td>Vynikaj\u00edc\u00ed<\/td>\n<\/tr>\n<tr>\n<td>Tmav\u011b modr\u00e1 na sv\u011btle \u017elut\u00e9<\/td>\n<td>~12:1<\/td>\n<td>Velmi dobr\u00e9<\/td>\n<\/tr>\n<tr>\n<td>Tmav\u011b hn\u011bd\u00e1 na kr\u00e9mov\u00e9 b\u00edl\u00e9<\/td>\n<td>~8:1<\/td>\n<td>Dobr\u00e9<\/td>\n<\/tr>\n<tr>\n<td>\u010cist\u011b \u010derven\u00e1 (#FF0000) na b\u00edl\u00e9<\/td>\n<td>~4:1<\/td>\n<td>Hrani\u010dn\u00ed, otestujte p\u0159ed tiskem<\/td>\n<\/tr>\n<tr>\n<td>Tmav\u011b \u010derven\u00e1 (#8B0000) na b\u00edl\u00e9<\/td>\n<td>~11:1<\/td>\n<td>Velmi dobr\u00e9<\/td>\n<\/tr>\n<tr>\n<td>Sv\u011btle \u0161ed\u00e1 na b\u00edl\u00e9<\/td>\n<td>~1.5:1<\/td>\n<td>\u0160patn\u00e9 (\u010dast\u00e9 selh\u00e1n\u00ed skenov\u00e1n\u00ed)<\/td>\n<\/tr>\n<tr>\n<td>\u017dlut\u00e1 na b\u00edl\u00e9<\/td>\n<td>~1.1:1<\/td>\n<td>Neskenovateln\u00e9<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/simple-infographic-in-square-format-on-white-background-with-black-text-blue-an-6224-c8dd242d8c58-aa97f1d94223.webp\" alt=\"Pr\u016fvodce kontrastem QR k\u00f3du\" \/><\/figure>\n\n\n\n<blockquote class=\"is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>P\u0159izp\u016fsobte k\u00f3dy bez ob\u011btov\u00e1n\u00ed skenovatelnosti<\/strong> Testujte barvy a prohl\u00ed\u017eejte si sv\u016fj design v re\u00e1ln\u00e9m \u010dase pomoc\u00ed na\u0161eho <a href=\"https:\/\/pageloot.com\/cs\/qr-code-generator-with-logo\/\">QR k\u00f3d s logem gener\u00e1tor<\/a> pro vyv\u00e1\u017een\u00ed estetiky zna\u010dky se spolehliv\u00fdm skenov\u00e1n\u00edm.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Nejlep\u0161\u00ed kontrastn\u00ed pom\u011br QR k\u00f3du pro venkovn\u00ed zna\u010den\u00ed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u017d\u00e1dn\u00fd standard nestanovuje po\u017eadovan\u00fd pom\u011br pro venkovn\u00ed QR k\u00f3dy, ale venkovn\u00ed podm\u00ednky sni\u017euj\u00ed kontrast t\u0159emi zp\u016fsoby: p\u0159\u00edm\u00e9 slunce vym\u00fdv\u00e1 sv\u011btl\u00e9 oblasti, odlesky skr\u00fdvaj\u00ed \u010d\u00e1sti k\u00f3du a vzd\u00e1lenost rozmaz\u00e1v\u00e1 mal\u00e9 moduly. Pl\u00e1nujte v\u011bt\u0161\u00ed bezpe\u010dnostn\u00ed rezervu ne\u017e v interi\u00e9ru.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pou\u017eijte \u010dernou nebo velmi tmavou barvu na b\u00edl\u00e9m podkladu. Sna\u017ete se o pom\u011br 10:1 nebo vy\u0161\u0161\u00ed.<\/li>\n<li>Tiskn\u011bte na matn\u00fd materi\u00e1l nebo p\u0159idejte matnou laminaci. Leskl\u00fd vinyl a sklo odr\u00e1\u017eej\u00ed slunce a naru\u0161uj\u00ed vzor.<\/li>\n<li>Velikost k\u00f3du p\u0159izp\u016fsobte vzd\u00e1lenosti skenov\u00e1n\u00ed. B\u011b\u017en\u00e9 pravidlo je 1 jednotka \u0161\u00ed\u0159ky k\u00f3du na ka\u017ed\u00fdch 10 jednotek vzd\u00e1lenosti, tak\u017ee k\u00f3d skenovan\u00fd ze 2 metr\u016f (asi 6,5 stopy) by m\u011bl b\u00fdt \u0161irok\u00fd asi 20 cm (8 palc\u016f).<\/li>\n<li>Zachovejte celou tichou z\u00f3nu a um\u00edst\u011bte k\u00f3d na jednotn\u00fd sv\u011btl\u00fd panel nam\u00edsto fotografie.<\/li>\n<li>Vyvarujte se um\u00edst\u011bn\u00ed k\u00f3du tam, kde \u010del\u00ed n\u00edzk\u00e9mu slunci nebo je za sklem, a naskenujte vyti\u0161t\u011bn\u00fd \u0161t\u00edtek na skute\u010dn\u00e9m m\u00edst\u011b p\u0159ed objedn\u00e1n\u00edm cel\u00e9 s\u00e9rie.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Kontrast \u010d\u00e1rov\u00fdch k\u00f3d\u016f: QR k\u00f3dy vs. line\u00e1rn\u00ed \u010d\u00e1rov\u00e9 k\u00f3dy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Stejn\u00e1 pravidla kontrastu plat\u00ed i pro jin\u00e9 vysoce kontrastn\u00ed \u010d\u00e1rov\u00e9 k\u00f3dy, jako je Code 128 nebo EAN. Maloobchodn\u00ed skenery \u010dasto pou\u017e\u00edvaj\u00ed \u010derven\u00fd laser a \u010derven\u00e9 sv\u011btlo nevid\u00ed \u010derven\u00e9 \u010d\u00e1ry nebo \u010derven\u00fd inkoust jako tmav\u00e9. U line\u00e1rn\u00edch \u010d\u00e1rov\u00fdch k\u00f3d\u016f tiskn\u011bte \u010d\u00e1ry \u010dernou, tmav\u011b modrou nebo tmav\u011b zelenou barvou na b\u00edl\u00e9m podkladu a nikdy \u010dervenou nebo oran\u017eovou. QR k\u00f3dy \u010dten\u00e9 kamerou telefonu jsou m\u00e9n\u011b citliv\u00e9 na odst\u00edn, ale stejn\u00e1 rada poskytuje nejspolehliv\u011bj\u0161\u00ed v\u00fdsledek pro oba.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zabezpe\u010den\u00ed tich\u00e9 z\u00f3ny a rozm\u011br\u016f k\u00f3du<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vysok\u00fd kontrast se mus\u00ed roz\u0161\u00ed\u0159it a\u017e k okraji k\u00f3du. Pr\u00e1zdn\u00fd okraj kolem vzoru je tich\u00e1 z\u00f3na. \u0158\u00edk\u00e1 kame\u0159e, kde k\u00f3d za\u010d\u00edn\u00e1 a kde kon\u010d\u00ed ostatn\u00ed grafika.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zachovejte tichou z\u00f3nu \u0161irokou alespo\u0148 \u010dty\u0159i \u0161\u00ed\u0159ky modul\u016f na v\u0161ech \u010dty\u0159ech stran\u00e1ch.<\/li>\n<li>Tento okraj udr\u017eujte bez textu, ilustrac\u00ed a okraj\u016f.<\/li>\n<li>P\u0159izp\u016fsobte tichou z\u00f3nu barv\u011b va\u0161eho sv\u011btl\u00e9ho pozad\u00ed, aby byla hranice \u010dist\u00e1.<\/li>\n<li>Tiskn\u011bte k\u00f3dy o velikosti alespo\u0148 2 x 2 cm (0,8 x 0,8 palce) pro bl\u00edzk\u00e9, ru\u010dn\u00ed skenov\u00e1n\u00ed. Pro del\u0161\u00ed odkazy zvolte v\u011bt\u0161\u00ed velikost, proto\u017ee v\u00edce dat znamen\u00e1 men\u0161\u00ed moduly.<\/li>\n<li>Preferujte kr\u00e1tk\u00fd odkaz. Kr\u00e1tk\u00e1 URL adresa vytv\u00e1\u0159\u00ed jednodu\u0161\u0161\u00ed vzor s v\u011bt\u0161\u00edmi moduly, kter\u00e9 se l\u00e9pe skenuj\u00ed za \u0161patn\u00e9ho osv\u011btlen\u00ed.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Text nebo grafika uvnit\u0159 klidov\u00e9 z\u00f3ny je \u010dastou p\u0159\u00ed\u010dinou chyb skenov\u00e1n\u00ed na zna\u010dkov\u00fdch materi\u00e1lech. N\u00e1\u0161 pr\u016fvodce <a href=\"https:\/\/pageloot.com\/cs\/blog\/best-practices-for-qr-code-readability\/\">osv\u011bd\u010den\u00e9 postupy pro \u010ditelnost QR k\u00f3d\u016f<\/a> ukazuje, jak zachovat okraje p\u0159i p\u0159izp\u016fsoben\u00ed va\u0161eho rozvr\u017een\u00ed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vyvarov\u00e1n\u00ed se b\u011b\u017en\u00fdch chyb v barv\u00e1ch a stylu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">P\u0159izp\u016fsoben\u00ed k\u00f3du m\u016f\u017ee sn\u00ed\u017eit \u010ditelnost. Kamery p\u0159ev\u00e1d\u011bj\u00ed obraz na stupn\u011b \u0161edi, tak\u017ee dva r\u016fzn\u00e9 odst\u00edny mohou m\u00edt stejnou jasnost a slou\u010dit se do jedn\u00e9 \u0161ed\u00e9.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vyhn\u011bte se pastelov\u00fdm modul\u016fm, jako je sv\u011btle modr\u00e1, m\u00e1tov\u00e1 nebo bled\u011b \u017elut\u00e1.<\/li>\n<li>Vyhn\u011bte se jasn\u011b \u010derven\u00fdm nebo oran\u017eov\u00fdm modul\u016fm. Laserov\u00e9 skenery \u010dtou \u010dervenou jako sv\u011btlo a kontrastn\u00ed pom\u011br je \u010dasto pod 5:1. Tmav\u011b \u010derven\u00e1, jako je bord\u00f3, je mnohem bezpe\u010dn\u011bj\u0161\u00ed.<\/li>\n<li>Vyhn\u011bte se gradient\u016fm, kde je nejsv\u011btlej\u0161\u00ed \u010d\u00e1st barvy modulu bl\u00edzko pozad\u00ed.<\/li>\n<li>Vyhn\u011bte se pr\u016fhledn\u00fdm pozad\u00edm p\u0159es fotografie, texturovan\u00fd pap\u00edr nebo vzorovan\u00e9 obaly. Um\u00edst\u011bte k\u00f3d na pevn\u00fd sv\u011btl\u00fd panel.<\/li>\n<li>Vyhn\u011bte se invertovan\u00fdm design\u016fm se sv\u011btl\u00fdmi moduly na tmav\u00e9m pozad\u00ed, pokud jste je netestovali na telefonech, kter\u00e9 va\u0161e publikum pou\u017e\u00edv\u00e1.<\/li>\n<li>Vyhn\u011bte se velk\u00fdm log\u016fm. Logo, kter\u00e9 pokr\u00fdv\u00e1 p\u0159\u00edli\u0161 mnoho modul\u016f, m\u016f\u017ee p\u0159ekro\u010dit korekci chyb k\u00f3du.<\/li>\n<\/ul>\n\n\n\n<figure><img decoding=\"async\" src=\"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/simple-modern-illustration-square-format-white-background-with-blue-and-light-5434-1c9dea899260-7460e188a5de.webp\" alt=\"Pravidla designu QR k\u00f3du\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Znalost t\u011bchto limit\u016f v\u00e1m umo\u017en\u00ed nau\u010dit se <a href=\"https:\/\/pageloot.com\/cs\/how-to\/custom-qr-code\/\">jak vytvo\u0159it vlastn\u00ed QR k\u00f3d<\/a> kter\u00e1 zobrazuje va\u0161i zna\u010dku bez naru\u0161en\u00ed dek\u00f3dov\u00e1n\u00ed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testov\u00e1n\u00ed a ov\u011b\u0159ov\u00e1n\u00ed v re\u00e1ln\u00fdch prost\u0159ed\u00edch<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">K\u00f3d, kter\u00fd se skenuje z jasn\u00e9ho monitoru, m\u016f\u017ee na pap\u00ed\u0159e selhat. Sv\u011btlo v m\u00edstnosti, \u00fahel pohledu a textura materi\u00e1lu, to v\u0161e m\u011bn\u00ed kontrast, kter\u00fd dopad\u00e1 na objektiv. P\u0159\u00edm\u00e9 slunce vym\u00fdv\u00e1 mal\u00e9 barevn\u00e9 rozd\u00edly, tlumen\u00e9 m\u00edstnosti sni\u017euj\u00ed schopnost senzoru odd\u011blit moduly a leskl\u00e9 povrchy p\u0159id\u00e1vaj\u00ed odlesky.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prove\u010fte tuto kontrolu p\u0159ed ka\u017edou tiskovou \u00falohou:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Zkontrolujte barevn\u00fd p\u00e1r v kontroloru kontrastu. Pom\u011br by m\u011bl b\u00fdt alespo\u0148 4:1 a 7:1 nebo v\u00edce pro balen\u00ed a venkovn\u00ed pou\u017eit\u00ed.<\/li>\n<li>Vytiskn\u011bte n\u00e1tisk na skute\u010dn\u00fd materi\u00e1l, ve skute\u010dn\u00e9 velikosti a se skute\u010dnou povrchovou \u00fapravou.<\/li>\n<li>Naskenujte jej vestav\u011bnou kamerou alespo\u0148 na jednom iPhonu a jednom telefonu Android, jednom star\u0161\u00edm telefonu, pokud m\u016f\u017eete, a webov\u00e9m prohl\u00ed\u017ee\u010di <a href=\"https:\/\/pageloot.com\/cs\/qr-code-scanner\/\">\u010cte\u010dka QR k\u00f3d\u016f<\/a>.<\/li>\n<li>Skenujte v nejhor\u0161\u00edm sv\u011btle, kter\u00e9mu bude k\u00f3d \u010delit: tmav\u00e1 m\u00edstnost, p\u0159\u00edm\u00e9 slunce a pod \u00fahlem.<\/li>\n<li>Pokud v\u00e1h\u00e1, zvy\u0161te kontrast, zv\u011bt\u0161ete k\u00f3d, zkra\u0165te odkaz nebo obnovte tichou z\u00f3nu.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e1\u0161 pr\u016fvodce na t\u00e9ma <a href=\"https:\/\/pageloot.com\/cs\/how-to\/test-a-qr-code-before-printing\/\">jak otestovat QR k\u00f3d p\u0159ed tiskem<\/a> to podrobn\u011bji rozeb\u00edr\u00e1, a <a href=\"https:\/\/pageloot.com\/cs\/blog\/how-to-improve-qr-code-readability\/\">jak zlep\u0161it \u010ditelnost QR k\u00f3du<\/a> se zab\u00fdv\u00e1 opravami k\u00f3d\u016f, kter\u00e9 selh\u00e1vaj\u00ed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Maximalizace spolehlivosti a anga\u017eovanosti QR k\u00f3du<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">S kontrastem zach\u00e1zejte jako s technick\u00fdm po\u017eadavkem, nikoli jako s fin\u00e1ln\u00ed \u00fapravou. Zvolte tmavou barvu na sv\u011btl\u00e9m pozad\u00ed, zachovejte tichou z\u00f3nu a otestujte ti\u0161t\u011bn\u00fd n\u00e1tisk pod sv\u011btlem, kter\u00e9mu bude \u010delit. To chr\u00e1n\u00ed v\u00e1\u0161 tiskov\u00fd rozpo\u010det p\u0159ed k\u00f3dy, kter\u00e9 se nedaj\u00ed naskenovat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vytvo\u0159te si sv\u016fj vysoce kontrastn\u00ed k\u00f3d pomoc\u00ed na\u0161eho <a href=\"https:\/\/pageloot.com\/cs\/qr-code-generator\/\">gener\u00e1tor QR k\u00f3d\u016f<\/a>. Nastavte barvy modul\u016f a pozad\u00ed a st\u00e1hn\u011bte si PNG, SVG nebo PDF. Pokud vytisknete k\u00f3d a pozd\u011bji budete pot\u0159ebovat zm\u011bnit odkaz, pou\u017eijte dynamick\u00fd k\u00f3d: po vyti\u0161t\u011bn\u00ed m\u016f\u017eete upravit c\u00edl a prohl\u00ed\u017eet si statistiky skenov\u00e1n\u00ed. Dynamick\u00e9 k\u00f3dy jsou k dispozici se 14denn\u00ed bezplatnou zku\u0161ebn\u00ed verz\u00ed a pl\u00e1ny jsou uvedeny na <a href=\"https:\/\/pageloot.com\/cs\/pricing\/\">https:\/\/pageloot.com\/pricing\/<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u010casto kladen\u00e9 ot\u00e1zky<\/h2>\n\n\n\n<div class=\"schema-faq\"><div class=\"schema-faq-section\" id=\"faq-question-4d0961f21a19\"><strong class=\"schema-faq-question\">Jak\u00fd je minim\u00e1ln\u00ed doporu\u010den\u00fd kontrastn\u00ed pom\u011br pro QR k\u00f3d?<\/strong> <p class=\"schema-faq-answer\">Sna\u017ete se o pom\u011br alespo\u0148 4:1 mezi moduly a pozad\u00edm. Pou\u017eijte pom\u011br 7:1 nebo v\u00edce pro obaly a let\u00e1ky a 10:1 nebo v\u00edce pro venkovn\u00ed zna\u010den\u00ed. \u010cern\u00e1 na b\u00edl\u00e9 je 21:1.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000001\"><strong class=\"schema-faq-question\">Lze QR k\u00f3dy obarvit?<\/strong> <p class=\"schema-faq-answer\">Ano. Funguje jak\u00e1koli barva, pokud jsou moduly z\u0159eteln\u011b tmav\u0161\u00ed ne\u017e pozad\u00ed. Dob\u0159e funguje tmav\u011b modr\u00e1 (n\u00e1mo\u0159nick\u00e1), lesn\u00ed zelen\u00e1, antracitov\u00e1 a ka\u0161tanov\u011b hn\u011bd\u00e1 na b\u00edl\u00e9m nebo kr\u00e9mov\u00e9m pozad\u00ed. \u017dlut\u00e1, sv\u011btle \u0161ed\u00e1 a pastelov\u00e9 barvy ne.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000002\"><strong class=\"schema-faq-question\">M\u016f\u017ee m\u00edt QR k\u00f3d jakoukoli barvu nebo m\u00edt r\u016fzn\u00e9 barvy?<\/strong> <p class=\"schema-faq-answer\">Moduly a pozad\u00ed mohou m\u00edt r\u016fzn\u00e9 barvy a m\u016f\u017eete pou\u017e\u00edt jak\u00fdkoli odst\u00edn, ale z\u00e1le\u017e\u00ed pouze na rozd\u00edlu jasu. Telefon \u010dte k\u00f3d ve stupn\u00edch \u0161edi, tak\u017ee dv\u011b barvy stejn\u00e9ho jasu nebudou fungovat. Zkontrolujte pom\u011br a naskenujte ti\u0161t\u011bn\u00fd n\u00e1hled.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000003\"><strong class=\"schema-faq-question\">Jak\u00fd je nejlep\u0161\u00ed kontrastn\u00ed pom\u011br QR k\u00f3du pro venkovn\u00ed zna\u010den\u00ed?<\/strong> <p class=\"schema-faq-answer\">Neexistuje \u017e\u00e1dn\u00fd ofici\u00e1ln\u00ed standard. Pom\u011br 10:1 nebo vy\u0161\u0161\u00ed je bezpe\u010dn\u00fd c\u00edl, nap\u0159\u00edklad \u010dern\u00e1 na b\u00edl\u00e9. Pou\u017eijte matn\u00fd povrch pro sn\u00ed\u017een\u00ed odlesk\u016f, velikost k\u00f3du by m\u011bla b\u00fdt p\u0159ibli\u017en\u011b 1\/10 vzd\u00e1lenosti skenov\u00e1n\u00ed a otestujte jej na m\u00edst\u011b.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-eb66cabefb1b\"><strong class=\"schema-faq-question\">Mohu pou\u017e\u00edt firemn\u00ed barvy nam\u00edsto \u010dern\u00e9 a b\u00edl\u00e9?<\/strong> <p class=\"schema-faq-answer\">Ano, pokud je barva va\u0161\u00ed zna\u010dky dostate\u010dn\u011b tmav\u00e1, nap\u0159\u00edklad tmav\u011b modr\u00e1, lesn\u00ed zelen\u00e1 nebo antracitov\u00e1, a nach\u00e1z\u00ed se na jednotn\u00e9m sv\u011btl\u00e9m pozad\u00ed. Pokud je barva va\u0161\u00ed zna\u010dky sv\u011btl\u00e1, pou\u017eijte pro moduly jej\u00ed tmav\u00fd odst\u00edn.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-b3f945e26f6b\"><strong class=\"schema-faq-question\">Pro\u010d maj\u00ed fotoapar\u00e1ty telefon\u016f probl\u00e9my s invertovan\u00fdmi QR k\u00f3dy?<\/strong> <p class=\"schema-faq-answer\">Standard QR definuje tmav\u00e9 moduly na sv\u011btl\u00e9m pozad\u00ed. Mnoho aplikac\u00ed fotoapar\u00e1tu nejprve hled\u00e1 tento vzor a n\u011bkter\u00e9 nedok\u00e1\u017eou p\u0159e\u010d\u00edst sv\u011btl\u00e9 moduly na tmav\u00e9m pozad\u00ed. Podpora se li\u0161\u00ed podle telefonu, tak\u017ee p\u0159ed tiskem otestujte.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-000000000006\"><strong class=\"schema-faq-question\">Funguje kontrast \u010d\u00e1rov\u00e9ho k\u00f3du stejn\u00fdm zp\u016fsobem?<\/strong> <p class=\"schema-faq-answer\">Ano. Line\u00e1rn\u00ed \u010d\u00e1rov\u00e9 k\u00f3dy, jako jsou Code 128 nebo EAN, tak\u00e9 pot\u0159ebuj\u00ed tmav\u00e9 pruhy na sv\u011btl\u00e9m pozad\u00ed. Maloobchodn\u00ed laserov\u00e9 skenery pou\u017e\u00edvaj\u00ed \u010derven\u00e9 sv\u011btlo, proto nikdy netiskn\u011bte pruhy \u010derven\u011b nebo oran\u017eov\u011b.<\/p> <\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Nau\u010dte se kl\u00ed\u010dov\u00e9 pokyny pro barevn\u00fd kontrast QR k\u00f3d\u016f, doporu\u010den\u00e9 kontrastn\u00ed pom\u011bry a testovac\u00ed metody, abyste zajistili spolehliv\u00e9 skenov\u00e1n\u00ed va\u0161ich k\u00f3d\u016f na ka\u017ed\u00e9m smartphonu.<\/p>","protected":false},"author":17,"featured_media":56404,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2635],"tags":[],"class_list":["post-43400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.7 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>QR Code Colors: Best Contrast Ratios and Combos<\/title>\n<meta name=\"description\" content=\"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pageloot.com\/cs\/blog\/qr-code-color-contrast-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"QR Code Colors: Best Contrast Ratios and Combos\" \/>\n<meta property=\"og:description\" content=\"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pageloot.com\/cs\/blog\/qr-code-color-contrast-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Pageloot\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pageloot\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-02T03:09:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T06:01:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Siim T\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"QR Code Color Contrast Guidelines for Reliable Scanning\" \/>\n<meta name=\"twitter:creator\" content=\"@getpageloot\" \/>\n<meta name=\"twitter:site\" content=\"@getpageloot\" \/>\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"Siim T\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\"},\"author\":{\"name\":\"Siim T\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/person\\\/fa28992c2e52546f0812833bac852dfe\"},\"headline\":\"QR Code Color Contrast Guidelines for Reliable Scanning\",\"datePublished\":\"2025-08-02T03:09:59+00:00\",\"dateModified\":\"2026-10-23T06:01:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\"},\"wordCount\":1839,\"publisher\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"cs\"},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\",\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\",\"name\":\"QR Code Colors: Best Contrast Ratios and Combos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"datePublished\":\"2025-08-02T03:09:59+00:00\",\"dateModified\":\"2026-10-23T06:01:13+00:00\",\"description\":\"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-4d0961f21a19\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000001\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000002\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000003\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-eb66cabefb1b\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-b3f945e26f6b\"},{\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000006\"}],\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#primaryimage\",\"url\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"contentUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/shopper-scanning-qr-a33254-8a30ee62d089.webp\",\"width\":1024,\"height\":1024,\"caption\":\"Scanning a high-contrast QR code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pageloot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/pageloot.com\\\/c\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"QR Code Color Contrast Guidelines for Reliable Scanning\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/pageloot.com\\\/es\\\/\",\"name\":\"Pageloot\",\"description\":\"Create Free QR Codes Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pageloot.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#organization\",\"name\":\"Pageloot\",\"url\":\"https:\\\/\\\/pageloot.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg\",\"contentUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg\",\"width\":1,\"height\":1,\"caption\":\"Pageloot\"},\"image\":{\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/pageloot\\\/\",\"https:\\\/\\\/x.com\\\/getpageloot\",\"https:\\\/\\\/www.instagram.com\\\/getpageloot\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/pageloot\\\/\",\"http:\\\/\\\/pinterest.com\\\/pageloot\",\"https:\\\/\\\/www.youtube.com\\\/pageloot\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/es\\\/#\\\/schema\\\/person\\\/fa28992c2e52546f0812833bac852dfe\",\"name\":\"Siim T\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/litespeed\\\/avatar\\\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973\",\"url\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/litespeed\\\/avatar\\\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973\",\"contentUrl\":\"https:\\\/\\\/pageloot.com\\\/wp-content\\\/litespeed\\\/avatar\\\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973\",\"caption\":\"Siim T\"},\"description\":\"Siim Tiigim\u00e4gi is a part of the innovative QR code generator services at Pageloot. With a profound expertise spanning over 5 years solely on QR codes, Siim has become a subject matter expert in the field. He makes significant strides in leveraging QR technology to simplify and augment digital interactions. His journey didn\u2019t just start here. Siim has an extensive digital background with over 10 years of robust experience in the Software as a Service (SaaS) sector, a testament to his deep-seated knowledge in digital solutions.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/siim-tiigimagi\\\/\"]},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-4d0961f21a19\",\"position\":1,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-4d0961f21a19\",\"name\":\"What is the minimum recommended contrast ratio for a QR code?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aim for at least 4:1 between the modules and the background. Use 7:1 or more for packaging and flyers, and 10:1 or more for outdoor signage. Black on white is 21:1.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000001\",\"position\":2,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000001\",\"name\":\"Can QR codes be colored?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Any color works if the modules are clearly darker than the background. Deep navy, forest green, charcoal and maroon on white or cream work well. Yellow, light gray and pastels do not.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000002\",\"position\":3,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000002\",\"name\":\"Can a QR code be any color or have different colors?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The modules and the background can be different colors, and you can use any hue, but only the brightness difference matters. A phone reads the code in grayscale, so two colors of equal brightness will fail. Check the ratio and scan a printed proof.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000003\",\"position\":4,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000003\",\"name\":\"What is the best QR code contrast ratio for outdoor signage?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"There is no official standard. A ratio of 10:1 or higher is a safe target, such as black on white. Use a matte finish to cut glare, size the code at about 1\\\/10 of the scan distance, and test it on site.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-eb66cabefb1b\",\"position\":5,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-eb66cabefb1b\",\"name\":\"Can I use branded colors instead of black and white?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, if your brand color is dark enough, such as deep navy, forest green or charcoal, and sits on a uniform light background. If your brand color is light, use a dark shade of it for the modules.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-b3f945e26f6b\",\"position\":6,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-b3f945e26f6b\",\"name\":\"Why do phone cameras struggle with inverted QR codes?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The QR standard defines dark modules on a light background. Many camera apps look for that pattern first, and some cannot read light modules on a dark background. Support varies by phone, so test before you print.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000006\",\"position\":7,\"url\":\"https:\\\/\\\/pageloot.com\\\/blog\\\/qr-code-color-contrast-best-practices\\\/#faq-question-000000000006\",\"name\":\"Does barcode contrast work the same way?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Linear barcodes such as Code 128 or EAN also need dark bars on a light background. Retail laser scanners use red light, so never print the bars in red or orange.\",\"inLanguage\":\"cs\"},\"inLanguage\":\"cs\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Barvy QR k\u00f3du: nejlep\u0161\u00ed kontrast a kombinace","description":"Kter\u00e9 barvy QR k\u00f3du se naskenuj\u00ed? Poznejte kontrastn\u00ed pom\u011bry, bezpe\u010dn\u00e9 kombinace a test, aby k\u00f3d ve va\u0161ich barv\u00e1ch fungoval v tisku i na displej\u00edch.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pageloot.com\/cs\/blog\/qr-code-color-contrast-best-practices\/","og_locale":"cs_CZ","og_type":"article","og_title":"QR Code Colors: Best Contrast Ratios and Combos","og_description":"Which QR code colors scan? Learn the contrast ratios, safe color combinations and a test routine so a branded code works on print and screens.","og_url":"https:\/\/pageloot.com\/cs\/blog\/qr-code-color-contrast-best-practices\/","og_site_name":"Pageloot","article_publisher":"https:\/\/www.facebook.com\/pageloot\/","article_published_time":"2025-08-02T03:09:59+00:00","article_modified_time":"2026-10-23T06:01:13+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","type":"image\/webp"}],"author":"Siim T","twitter_card":"summary_large_image","twitter_title":"QR Code Color Contrast Guidelines for Reliable Scanning","twitter_creator":"@getpageloot","twitter_site":"@getpageloot","twitter_misc":{"Napsal(a)":"Siim T","Odhadovan\u00e1 doba \u010dten\u00ed":"9 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#article","isPartOf":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/"},"author":{"name":"Siim T","@id":"https:\/\/pageloot.com\/es\/#\/schema\/person\/fa28992c2e52546f0812833bac852dfe"},"headline":"QR Code Color Contrast Guidelines for Reliable Scanning","datePublished":"2025-08-02T03:09:59+00:00","dateModified":"2026-10-23T06:01:13+00:00","mainEntityOfPage":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/"},"wordCount":1839,"publisher":{"@id":"https:\/\/pageloot.com\/es\/#organization"},"image":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","articleSection":["Blog"],"inLanguage":"cs"},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/","url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/","name":"Barvy QR k\u00f3du: nejlep\u0161\u00ed kontrast a kombinace","isPartOf":{"@id":"https:\/\/pageloot.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","datePublished":"2025-08-02T03:09:59+00:00","dateModified":"2026-10-23T06:01:13+00:00","description":"Kter\u00e9 barvy QR k\u00f3du se naskenuj\u00ed? Poznejte kontrastn\u00ed pom\u011bry, bezpe\u010dn\u00e9 kombinace a test, aby k\u00f3d ve va\u0161ich barv\u00e1ch fungoval v tisku i na displej\u00edch.","breadcrumb":{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-4d0961f21a19"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000001"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000002"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000003"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-eb66cabefb1b"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-b3f945e26f6b"},{"@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000006"}],"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#primaryimage","url":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","contentUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2026\/09\/shopper-scanning-qr-a33254-8a30ee62d089.webp","width":1024,"height":1024,"caption":"Scanning a high-contrast QR code"},{"@type":"BreadcrumbList","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pageloot.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/pageloot.com\/c\/blog\/"},{"@type":"ListItem","position":3,"name":"QR Code Color Contrast Guidelines for Reliable Scanning"}]},{"@type":"WebSite","@id":"https:\/\/pageloot.com\/es\/#website","url":"https:\/\/pageloot.com\/es\/","name":"Pageloot","description":"Vytv\u00e1\u0159ejte zdarma QR k\u00f3dy online","publisher":{"@id":"https:\/\/pageloot.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pageloot.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"},{"@type":"Organization","@id":"https:\/\/pageloot.com\/es\/#organization","name":"Pageloot","url":"https:\/\/pageloot.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/pageloot.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/pageloot.com\/wp-content\/uploads\/2020\/03\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg","contentUrl":"https:\/\/pageloot.com\/wp-content\/uploads\/2020\/03\/Pageloot-QR-Code-Generator-Scanner-Tools-Online.svg","width":1,"height":1,"caption":"Pageloot"},"image":{"@id":"https:\/\/pageloot.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pageloot\/","https:\/\/x.com\/getpageloot","https:\/\/www.instagram.com\/getpageloot\/","https:\/\/www.linkedin.com\/company\/pageloot\/","http:\/\/pinterest.com\/pageloot","https:\/\/www.youtube.com\/pageloot"]},{"@type":"Person","@id":"https:\/\/pageloot.com\/es\/#\/schema\/person\/fa28992c2e52546f0812833bac852dfe","name":"Siim T.","image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/pageloot.com\/wp-content\/litespeed\/avatar\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973","url":"https:\/\/pageloot.com\/wp-content\/litespeed\/avatar\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973","contentUrl":"https:\/\/pageloot.com\/wp-content\/litespeed\/avatar\/b08b5ea4331bae7b2040ada99100c9df.jpg?ver=1793735973","caption":"Siim T"},"description":"Siim Tiigim\u00e4gi je sou\u010d\u00e1st\u00ed inovativn\u00edch slu\u017eeb gener\u00e1toru QR k\u00f3d\u016f ve spole\u010dnosti Pageloot. D\u00edky sv\u00fdm hlubok\u00fdm odborn\u00fdm znalostem, kter\u00e9 se v\u00edce ne\u017e 5 let t\u00fdkaj\u00ed v\u00fdhradn\u011b QR k\u00f3d\u016f, se Siim stal odborn\u00edkem v t\u00e9to oblasti. V\u00fdznamn\u011b se zasazuje o vyu\u017eit\u00ed technologie QR ke zjednodu\u0161en\u00ed a roz\u0161\u00ed\u0159en\u00ed digit\u00e1ln\u00edch interakc\u00ed. Jeho cesta v\u0161ak neza\u010dala jen zde. Siim m\u00e1 rozs\u00e1hl\u00e9 digit\u00e1ln\u00ed z\u00e1zem\u00ed s v\u00edce ne\u017e desetilet\u00fdmi solidn\u00edmi zku\u0161enostmi v oblasti softwaru jako slu\u017eby (SaaS), co\u017e sv\u011bd\u010d\u00ed o jeho hluboce zako\u0159en\u011bn\u00fdch znalostech v oblasti digit\u00e1ln\u00edch \u0159e\u0161en\u00ed.","sameAs":["https:\/\/www.linkedin.com\/in\/siim-tiigimagi\/"]},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-4d0961f21a19","position":1,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-4d0961f21a19","name":"Jak\u00fd je minim\u00e1ln\u00ed doporu\u010den\u00fd kontrastn\u00ed pom\u011br pro QR k\u00f3d?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Aim for at least 4:1 between the modules and the background. Use 7:1 or more for packaging and flyers, and 10:1 or more for outdoor signage. Black on white is 21:1.","inLanguage":"cs"},"inLanguage":"cs"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000001","position":2,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000001","name":"Lze QR k\u00f3dy obarvit?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. Any color works if the modules are clearly darker than the background. Deep navy, forest green, charcoal and maroon on white or cream work well. Yellow, light gray and pastels do not.","inLanguage":"cs"},"inLanguage":"cs"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000002","position":3,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000002","name":"M\u016f\u017ee m\u00edt QR k\u00f3d jakoukoli barvu nebo m\u00edt r\u016fzn\u00e9 barvy?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The modules and the background can be different colors, and you can use any hue, but only the brightness difference matters. A phone reads the code in grayscale, so two colors of equal brightness will fail. Check the ratio and scan a printed proof.","inLanguage":"cs"},"inLanguage":"cs"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000003","position":4,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000003","name":"Jak\u00fd je nejlep\u0161\u00ed kontrastn\u00ed pom\u011br QR k\u00f3du pro venkovn\u00ed zna\u010den\u00ed?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"There is no official standard. A ratio of 10:1 or higher is a safe target, such as black on white. Use a matte finish to cut glare, size the code at about 1\/10 of the scan distance, and test it on site.","inLanguage":"cs"},"inLanguage":"cs"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-eb66cabefb1b","position":5,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-eb66cabefb1b","name":"Mohu pou\u017e\u00edt firemn\u00ed barvy nam\u00edsto \u010dern\u00e9 a b\u00edl\u00e9?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes, if your brand color is dark enough, such as deep navy, forest green or charcoal, and sits on a uniform light background. If your brand color is light, use a dark shade of it for the modules.","inLanguage":"cs"},"inLanguage":"cs"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-b3f945e26f6b","position":6,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-b3f945e26f6b","name":"Pro\u010d maj\u00ed fotoapar\u00e1ty telefon\u016f probl\u00e9my s invertovan\u00fdmi QR k\u00f3dy?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The QR standard defines dark modules on a light background. Many camera apps look for that pattern first, and some cannot read light modules on a dark background. Support varies by phone, so test before you print.","inLanguage":"cs"},"inLanguage":"cs"},{"@type":"Question","@id":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000006","position":7,"url":"https:\/\/pageloot.com\/blog\/qr-code-color-contrast-best-practices\/#faq-question-000000000006","name":"Funguje kontrast \u010d\u00e1rov\u00e9ho k\u00f3du stejn\u00fdm zp\u016fsobem?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. Linear barcodes such as Code 128 or EAN also need dark bars on a light background. Retail laser scanners use red light, so never print the bars in red or orange.","inLanguage":"cs"},"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/posts\/43400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/comments?post=43400"}],"version-history":[{"count":10,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/posts\/43400\/revisions"}],"predecessor-version":[{"id":56958,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/posts\/43400\/revisions\/56958"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/media\/56404"}],"wp:attachment":[{"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/media?parent=43400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/categories?post=43400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pageloot.com\/cs\/wp-json\/wp\/v2\/tags?post=43400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}