Подобрать цвета QR-кода под палитру бренда обычно несложно — единственное реальное ограничение — контраст. Вот как сделать это, случайно не сделав код нечитаемым для сканера.
Единственное важное правило
Какие бы цвета вы ни выбрали, цвет точек должен чётко читаться на фоне. Простой тест: прищурьтесь и посмотрите на код с расстояния в пару метров или переведите его в чёрно-белый режим — если код и фон начинают сливаться в похожий серый тон, контраст слишком низкий, чтобы на него полагаться.
Сочетания цветов, которые работают хорошо
- Тёмный фирменный цвет на белом или очень светлом нейтральном фоне. Самый безопасный вариант с максимальным контрастом по умолчанию — подходит для тёмных тонов почти любой фирменной палитры.
- Белые или светлые модули на тёмном фирменном цвете. Инвертирует обычную схему, хорошо работает для брендов с сильным тёмным основным цветом.
- Фирменный градиент с сохранённым высоким контрастом по всей площади. Два фирменных цвета, перетекающие по коду, при условии что ни одна точка градиента не приближается слишком близко к тону фона.
- Нейтральный код с фирменным цветом в рамке. Когда палитра действительно слишком светлая для самих модулей, примените её к рамке или метке вместо этого.
Сочетаний, которых стоит избегать
- Пастельные или светлые модули на белом. Самая частая ошибка — подробности в пастельных QR-кодах: когда они работают, а когда нет.
- Два похожих средних тона рядом (например, два разных средних оттенка синего) — недостаточно контраста, даже если технически это разные цвета.
- Пёстрый фоновый узор или изображение за кодом — даже при хорошем контрасте модулей отвлекающий фон может сбить сканер с толку.
Создайте свой в редакторе → capyqr.com
Как это сделать в Capy QR
Задайте свои цвета точек и фона или используйте автоподбор цвета по загруженному логотипу, и проверяйте живое превью безопасности сканирования по мере настройки — оно отмечает низкоконтрастные сочетания ещё до экспорта. Начните в редакторе QR-кодов.
Код в фирменных цветах
Вот Capy QR, оформленный собственной палитрой, с проверенным контрастом:
Частые вопросы
- Можно ли использовать точные цвета своего бренда в QR-коде?
- Обычно да, если между цветом точек и фоном достаточно контраста. Главный риск — очень светлые или пастельные фирменные цвета на белом фоне: проверьте правило контраста, прежде чем утверждать вариант.
- Есть ли безопасное практическое правило для контраста QR-кода?
- Держите цвет точек заметно темнее фона — хороший визуальный тест: прищуриться и посмотреть на код с расстояния в пару метров. Если он начинает расплываться в серое пятно, контраст слишком низкий.
- Фон всегда должен быть белым?
- Нет — тёмный фон со светлыми модулями тоже работает, если направление контраста остаётся последовательным и сильным. Важен коэффициент контраста, а не то, какой цвет технически считается фоном.
- Можно ли использовать градиент вместо одного цвета?
- Да, и это может выглядеть отлично — просто убедитесь, что градиент нигде на коде не создаёт зону низкого контраста, особенно там, где он соприкасается с фоном.
- Что делать, если фирменные цвета действительно слишком светлые для безопасного использования?
- Используйте их для рамки, текста метки или фонового акцента вместо самого цвета модулей, а реально сканируемые точки оставьте в безопасном, контрастном цвете — например, самом тёмном акцентном цвете бренда или почти чёрном.
Итог: почти любая фирменная палитра работает, пока контраст остаётся сильным — протестируйте перед тем, как отправлять код в тираж. Готовы попробовать? Откройте редактор или посмотрите другие гиды по QR.
