Най-добрите цветове за QR код са тъмни модули (квадратчетата) на светъл фон, и да, QR кодовете могат да бъдат цветни. Правилото е просто: модулите трябва да са видимо по-тъмни от фона. Черно на бяло дава съотношение на контраст 21:1 и е най-безопасният избор. За брандиран код се стремете към поне 4:1, а за външни табели използвайте 7:1 или повече, където слънчевата светлина и разстоянието намаляват ефективния контраст. Това ръководство дава цифрите, цветова таблица и рутина за тестване.
Кои цветове за QR код работят и могат ли QR кодовете да бъдат цветни?
QR кодът може да бъде почти всякакъв цвят и може да използва различни цветове за модулите и фона. Камерата на телефона не вижда оттенъци. Тя преобразува изображението в нюанси на сивото и решава, квадратче по квадратче, кое е тъмно и кое е светло. Така че въпросът не е кой цвят избирате, а колко различни са двете стойности в сивата скала.
- Работи: тъмносини, тъмнозелени, графитени, тъмнолилави, тъмнокафяви или черни модули на бял, кремав или друг много светъл фон.
- Работи с тест: тъмночервено, тъмнотюркоазено и тъмнооранжево на бяло. Първо проверете съотношението и сканирайте отпечатано доказателство.
- Не работи: жълти, светлосиви, пастелни или неонови модули и всякакви двойки цветове с еднаква яркост, като среднозелено на средночервено.
- Рисково: светли модули на тъмен фон (обърнати кодове). Много приложения за скенери ги четат, но някои не, затова ги избягвайте за всичко, което е важно.
Защо контрастът контролира възможността за сканиране на QR код
Оптичните сензори четат QR кодове, като измерват разликата в отражателната способност между тъмните и светлите модули. Стандартът за QR кодове, ISO/IEC 18004, предполага тъмни модули на светъл фон. Тъмните модули абсорбират светлина, а светлият фон я отразява. Ако разликата е твърде малка, декодерът не може да отдели модела на данните от фона.
При тестване на баркод (ISO/IEC 15415), контрастът на символа е разликата между най-ярката и най-тъмната отражателна способност в кода. Контраст на символа от 70% или повече печели най-висока оценка, а под 20% е провал. Оценителите проверяват и модулацията, която показва колко равномерно светлите и тъмните модули отразяват светлината по целия символ. Неравномерните цветове или слабото разделяне карат скенера да пропуска краищата на модулите.
Нормалната полярност, с тъмни модули на светъл фон, работи на всяко устройство. Някои вградени приложения за камера на телефон не могат да четат светли кодове на тъмен фон, а поддръжката варира в зависимост от модела на телефона и софтуерната версия. Използвайте нормална полярност, освен ако не сте тествали инвертираната версия на устройствата, които вашата аудитория използва.
Оценка на съотношенията и праговете на цветовия контраст
Съотношението на контраст е число от 1:1 (без разлика) до 21:1 (черно на бяло). Съотношението произтича от правилата за достъпност в Указанията за достъпност на уеб съдържание (WCAG), които са написани за текст, но са практичен начин за проверка на цветовете на QR. Проверяващ контраста (потърсете „WCAG contrast checker“) приема два шестнадесетични кода и връща съотношението. За повече информация относно приобщаващия дизайн, прочетете нашето ръководство за как да направите QR кодове съвместими с ADA.
Използвайте тези цели. Минимум 4:1 е за печат на закрито и екрани. 7:1 или повече е по-безопасно за опаковки, листовки и всичко, снимано при различно осветление. 10:1 или повече е целта за външни табели. Съотношенията по-долу са приблизителни и зависят от точния нюанс.
| Цветова комбинация | Приблизително съотношение на контраст | Оценка на възможността за сканиране |
|---|---|---|
| Черно на бяло | 21:1 | Оптимално (индустриален стандарт) |
| Тъмносиньо на бежово | ~15:1 | Отличен |
| Тъмносиньо на светло жълто | ~12:1 | Много добро |
| Тъмнокафяво на почти бяло | ~8:1 | Добро |
| Чисто червено (#FF0000) на бяло | ~4:1 | Гранично, тествайте преди печат |
| Тъмночервено (#8B0000) на бяло | ~11:1 | Много добро |
| Светлосив на бял фон | ~1.5:1 | Лошо (чести грешки при сканиране) |
| Жълт на бял фон | ~1.1:1 | Несканируем |
Персонализирайте кодове, без да жертвате възможността за сканиране Тествайте цветове и прегледайте дизайна си в реално време, използвайки нашия QR code generator с лого за балансиране на естетиката на марката с надеждното сканиране.
Най-добро съотношение на контраст на QR код за външни табели
Няма стандарт, който да определя изисквано съотношение за външни QR кодове, но външните условия намаляват контраста по три начина: прякото слънце избледнява светлите зони, отблясъците скриват части от кода и разстоянието замъглява малките модули. Планирайте по-голям запас от безопасност, отколкото бихте направили на закрито.
- Използвайте черно или много тъмен цвят върху бяло. Целете се в съотношение 10:1 или по-високо.
- Печатайте върху матов материал или добавете матов ламинат. Гланцовият винил и стъклото отразяват слънцето и развалят модела.
- Оразмерете кода спрямо разстоянието за сканиране. Често срещано правило е 1 единица широчина на кода за всеки 10 единици разстояние, така че код, сканиран от 2 метра (около 6,5 фута), трябва да е широк около 20 см (8 инча).
- Запазете пълната тиха зона и поставете кода върху плътен светъл панел вместо върху снимка.
- Избягвайте да поставяте кода там, където е изложен на ниско слънце или е зад стъкло, и сканирайте отпечатания знак на действителното място, преди да поръчате цяла серия.
Контраст на баркодовете: QR кодове срещу линейни баркодове
Същите правила за контраст важат и за други баркодове с висок контраст, като Code 128 или EAN. Търговските скенери често използват червен лазер, а червената светлина не възприема червените ленти или червеното мастило като тъмни. За линейни баркодове, печатайте лентите в черно, тъмно синьо или тъмно зелено върху бяло, и никога в червено или оранжево. QR кодовете, четени от камера на телефон, са по-малко чувствителни към нюанса, но същият съвет дава най-надежден резултат и за двата вида.
Защита на тихата зона и размерите на кода
Високият контраст трябва да се простира до ръба на кода. Празното поле около шаблона е тихата зона. То казва на камерата къде започва кодът и къде завършва другото изображение.
- Поддържайте тиха зона с широчина поне четири модула от всички четири страни.
- Пазете това поле чисто от текст, илюстрации и рамки.
- Съобразете тихата зона със светлия цвят на фона си, така че границата да е чиста.
- Печатайте кодове с размери поне 2 x 2 см (0.8 x 0.8 инча) за близко, ръчно сканиране. Правете ги по-големи за по-дълги връзки, защото повече данни означават по-малки модули.
- Предпочитайте кратък линк. Кратък URL създава по-опростен шаблон с по-големи модули, които се сканират по-добре при слаба светлина.
Текст или изображение в тихата зона е честа причина за грешки при сканиране на брандирани материали. Нашето ръководство за най-добрите практики за четливост на QR кодовете показва как да запазите полетата, докато пасвате на вашето оформление.
Избягване на често срещани грешки в цветовете и стилизирането
Персонализирането на код може да навреди на четливостта. Камерите преобразуват изображението в сива скала, така че два различни нюанса могат да завършат със същата яркост и да се слеят в едно сиво.
- Избягвайте пастелни модули като бебешко синьо, мента или бледо жълто.
- Избягвайте яркочервени или оранжеви модули. Лазерните скенери разчитат червеното като светлина и коефициентът на контраст често е под 5:1. Тъмночервеното като бордо е много по-безопасно.
- Избягвайте градиенти, при които най-светлата част от цвета на модула е близо до фона.
- Избягвайте прозрачни фонове върху снимки, текстурирана хартия или опаковки с шарки. Поставете кода върху плътен светъл панел.
- Избягвайте инвертирани дизайни със светли модули на тъмен фон, освен ако не сте ги тествали на телефоните, които вашата аудитория използва.
- Избягвайте големи лога. Лого, което покрива твърде много модули, може да надвиши корекцията на грешки на кода.
Познаването на тези ограничения ви позволява да научите как да създадете персонализиран QR код което показва вашата марка, без да нарушава декодирането.
Тестване и валидиране в реални среди
Код, който се сканира от светъл монитор, може да не успее на хартия. Стайната светлина, ъгълът на гледане и текстурата на материала променят контраста, който достига до обектива. Пряката слънчева светлина избледнява малките цветови разлики, затъмнените стаи намаляват способността на сензора да разделя модулите, а гланцовите покрития добавят отблясъци.
Изпълнете тази проверка преди всяка печатна задача:
- Проверете цветовата двойка в инструмент за проверка на контраста. Съотношението трябва да бъде поне 4:1, а за опаковки и външна употреба – 7:1 или повече.
- Отпечатайте проба върху истинския материал, в реалния размер, с реалното покритие.
- Сканирайте го с вградената камера на поне един iPhone и един Android телефон, един по-стар телефон, ако можете, и браузър-базиран Сканиране на QR код.
- Сканирайте при най-лошата светлина, която кодът ще срещне: тъмна стая, пряка слънчева светлина и под ъгъл.
- Ако се колебае, повишете контраста, увеличете кода, скъсете връзката или възстановете тихата зона.
Нашият наръчник за това как да тествате QR код преди печат обхваща това по-подробно, а как да подобрите четливостта на QR кода обхваща корекции за кодове, които не работят.
Максимизиране на надеждността и ангажираността на QR кода
Отнасяйте се към контраста като към техническо изискване, а не като към довършителен щрих. Изберете тъмен цвят върху светъл фон, запазете тихата зона и тествайте отпечатана проба под светлината, на която ще бъде изложена. Това предпазва бюджета ви за печат от кодове, които не се сканират.
Създайте своя висококонтрастен код с нашия генератор на QR кодове. Задайте цветовете на модула и фона и изтеглете PNG, SVG или PDF. Ако отпечатате код и може да се наложи да промените връзката по-късно, използвайте динамичен код: можете да редактирате дестинацията след отпечатване и да виждате статистика за сканиране. Динамичните кодове идват с 14-дневен безплатен пробен период, а плановете са изброени на адрес https://pageloot.com/pricing/.
Често задавани въпроси
Стремете се към поне 4:1 между модулите и фона. Използвайте 7:1 или повече за опаковки и листовки, и 10:1 или повече за външна реклама. Черно на бяло е 21:1.
Да. Всеки цвят работи, ако модулите са видимо по-тъмни от фона. Тъмно синьо, горско зелено, въгленово сиво и кестеняво върху бяло или кремаво работят добре. Жълто, светлосиво и пастелни цветове не работят.
Модулите и фонът могат да бъдат в различни цветове и можете да използвате всякакъв нюанс, но значение има само разликата в яркостта. Телефонът чете кода в сиви нюанси, така че два цвята с еднаква яркост ще се провалят. Проверете съотношението и сканирайте отпечатано доказателство.
Няма официален стандарт. Съотношение 10:1 или по-високо е безопасна цел, като например черно върху бяло. Използвайте матово покритие, за да намалите отблясъците, оразмерете кода на около 1/10 от разстоянието за сканиране и го тествайте на място.
Да, ако цветът на вашата марка е достатъчно тъмен, като наситено тъмносиньо, горско зелено или антрацит, и е поставен на еднороден светъл фон. Ако цветът на вашата марка е светъл, използвайте тъмен нюанс от него за модулите.
Стандартът QR дефинира тъмни модули на светъл фон. Много приложения за камера първо търсят този модел, а някои не могат да разчетат светли модули на тъмен фон. Поддръжката варира в зависимост от телефона, така че тествайте, преди да отпечатате.
Да. Линейните баркодове като Code 128 или EAN също се нуждаят от тъмни черти върху светъл фон. Лазерните скенери за търговия на дребно използват червена светлина, така че никога не отпечатвайте чертите в червено или оранжево.
