Контраст кольорів QR-коду для надійного сканування

Найкращі кольори 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 або більше є цільовим показником для зовнішньої реклами. Наведені нижче співвідношення є приблизними і залежать від точного відтінку.

Налаштовуйте коди без шкоди для сканування Тестуйте кольори та попередньо переглядайте свій дизайн у реальному часі за допомогою нашого Генератор QR-кодів з логотипом щоб збалансувати естетику бренду з надійним скануванням.

Найкраще співвідношення контрастності 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-код що демонструє ваш бренд без порушення декодування.

Тестування та валідація в реальних умовах

Код, який сканується з яскравого монітора, може не працювати на папері. Кімнатне освітлення, кут огляду та текстура матеріалу – все це змінює контраст, що досягає об'єктива. Пряме сонце змиває невеликі відмінності кольорів, тьмяні кімнати зменшують здатність датчика розділяти модулі, а глянцеві покриття додають відблисків.

Виконуйте цю перевірку перед кожним друком:

1. Перевірте пару кольорів у програмі для перевірки контрастності. Співвідношення має бути щонайменше 4:1, а для упаковки та використання на вулиці – 7:1 або більше.
2. Роздрукуйте пробний зразок на реальному матеріалі, у реальному розмірі, з реальним покриттям.
3. Відскануйте його за допомогою вбудованої камери принаймні на одному iPhone та одному телефоні Android, одному старому телефоні, якщо можете, та за допомогою веб-браузера Сканер QR онлайн.
4. Скануйте за найгіршого освітлення, з яким зіткнеться код: тьмяна кімната, прямі сонячні промені та під кутом.
5. Якщо він вагається, підвищте контраст, збільште код, скоротіть посилання або відновіть тиху зону.

Наш посібник щодо як протестувати QR-код перед друком детальніше розглядає це, а також як покращити читабельність QR-коду охоплює виправлення для кодів, які не скануються.

Максимізація надійності та залученості QR-коду

Сприймайте контраст як технічну вимогу, а не як завершальний штрих. Вибирайте темний колір на світлому фоні, зберігайте тиху зону та перевіряйте надрукований зразок при тому освітленні, з яким він зіткнеться. Це захищає ваш друкований бюджет від кодів, які не скануються.

Створіть свій висококонтрастний код за допомогою нашого генератор QR-кодів. Встановіть кольори модуля та фону та завантажте PNG, SVG або PDF. Якщо ви друкуєте код і, можливо, вам доведеться змінити посилання пізніше, використовуйте динамічний код: ви можете редагувати пункт призначення після друку та переглядати статистику сканувань. Динамічні коди постачаються з 14-денною безкоштовною пробною версією, а плани вказані за посиланням https://pageloot.com/pricing/.

Поширені запитання