Перейти к содержимому

Красивый QR-код: цвет, прозрачный фон и логотип

Для QR-кода без фона вставьте ссылку, раскройте «Оформление для печати» и выберите «Прозрачный — PNG и SVG». Проверьте код на цвете своего макета, затем скачайте прозрачный PNG или SVG. Проверка относится только к выбранной однотонной поверхности.

К инструменту ↓
От задачи — к результату

Создаётся на устройстве · без отправки данных

Создайте и проверьте красивый QR-код

01Содержимое

Ссылка

Сайт, товар, соцсеть или документ: камера предложит открыть адрес.

Адрес
Можно без https:// — добавим сами. Кириллический домен закодируем автоматически.
Откроет нужный раздел: адрес получит #якорь.
Быстрый старт
Метки UTM для аналитики
Плотность кодавесь адрес заглавными — код проще
Что записано в коде

Мои коды

Последние 30 скачанных или скопированных кодов. Хранятся только в этом браузере.

Горячие клавиши

Ctrl S
Скачать PNG
Ctrl Shift S
Скачать SVG
Ctrl Z
Отменить изменение
Ctrl Shift Z
Повторить
Alt 1…7
Перейти к этапу
← →
Выбор типа кода и этапа
Пример данных и результата
Пример данных

Своя ссылка, тёмные модули, прозрачный фон и цвет поверхности будущего макета.

Что получится

PNG или SVG без фона и результат проверки на выбранном однотонном цвете. Материал и готовый макет проверяются отдельно.

Другие варианты и примеры
Посмотрите в действии3 видео · по 12 секунд
Знакомство через QR1 / 3

Учебный пример · без звука

Все инструменты →

Оформление не спасает от мелкой печати и плохого носителя: сначала размер и контраст, потом красота. Инверсия — светлые модули на тёмном поле — читается не всеми камерами, и генератор о риске предупреждает.

Пример и результат

Для QR без фона раскройте «Оформление для печати» и выберите «Прозрачный — PNG и SVG». Затем задайте цвет поверхности под кодом: предпросмотр и обратная проверка покажут, читается ли он на этом однотонном фоне. Скачанный файл останется прозрачным. Здесь же можно выбрать цвет модулей, рамку, подпись и логотип.

Задача

Что вы проверяете на этой странице

Содержимое кода и фирменные цвета: краска модулей, подложка, необязательные рамка, надпись и знак.

Рабочий результат

PNG или SVG в фирменном оформлении и статус обратного чтения. Для прозрачного QR статус относится только к выбранной однотонной поверхности.

Контрольный пример

Учебный пример: кофейня создаёт QR меню с тёмными модулями и прозрачным фоном. Перед скачиванием дизайнер выбирает кремовый цвет макета и проверяет результат. Для фотографии стойки он оставляет под QR отдельную светлую плашку и затем проверяет уже весь макет.

Генератор QR · обновлено 1 октября 2026

Рабочий инструмент

Разбор и практические решения

Что менять и как проверять результат

Оформление QR устроено слоями. Нижний — подложка, на ней сетка модулей, сверху необязательные рамка, надпись и знак посередине. Сетку строит генератор: произвольная правка отдельных модулей может повредить данные или служебные узоры.

Всё остальное в вашей власти. Модули красятся в фирменный цвет, подложка — в свой, рамка добавляет призыв навести камеру, подпись объясняет, что будет после сканирования, знак в центре опознаёт владельца.

Свободное поле вокруг кода — тоже часть оформления, хотя его и не видно. Распознавателю нужна чистая рамка шириной в четыре модуля: макет, вплотную подогнанный к коду, ломает чтение вернее любого цвета.

Что меняем и чем рискуем
Что меняемМожноЧем рискуем
Цвет модулейлюбой тёмныйсветлая краска убивает перепад
Подложкалюбая светлаяпёстрая заливка сбивает распознавание
Рамка и надписьвокруг кодазаходит на свободное поле
Знак в центренебольшая вставка с проверкой готового файланет универсального безопасного процента перекрытия
Прозрачный фонPNG и SVGтёмная поверхность под кодом

Контраст решает, а не сочетание цветов

Для распознавания важна разница светлоты между модулями и фоном. Названия цветов не доказывают читаемость: разные мандариновые и кремовые оттенки дают разный контраст. Генератор проверяет собранное изображение обратным чтением, а для прозрачного QR использует выбранный вами цвет поверхности.

Практическое правило простое: модули берите заметно темнее подложки, а не просто другого оттенка. Пастельная пара одинаковой светлоты выглядит нарядно на экране дизайнера и не читается на кассовой стойке.

Инверсия — светлые модули на тёмном поле — отдельный случай. Часть камер её осиливает, часть нет, и заранее сказать нельзя. Если фирменный стиль требует тёмного, надёжнее оставить коду светлую подложку и вписать её в тёмный макет прямоугольником.

Прозрачный фон: когда нужен и чем опасен

Прозрачный фон позволяет вставить QR в свой макет без белого прямоугольника вокруг. В «Оформлении для печати» выберите «Прозрачный — PNG и SVG». Если нужен только сам QR, выберите «Без рамки» и очистите надпись: рамка, подпись и подложка логотипа не исчезают при включении прозрачности.

В блоке «Поверхность под прозрачным QR» выберите белый, тёмный или свой цвет макета. Он появится только под предпросмотром и в копии для обратной проверки. В PNG и SVG этот цвет не добавляется: скачанные файлы сохраняют прозрачность. Кнопка печати по-прежнему готовит белый лист.

Статус называет фон, на котором получен результат. Тёмные модули на тёмной поверхности могут слиться: тогда появится предупреждение, а не подтверждение чтения. Скачивание остаётся доступным, но такой результат требует исправления — например, светлой поверхности или сплошной светлой подложки.

Проверка однотонного цвета не моделирует фотографию, фактуру ткани, блики и печать. После вставки QR в готовый макет проверьте именно его, сохранив чистое поле по четыре модуля со всех сторон, а затем отсканируйте пробный отпечаток.

Рамка и подпись: зачем они коду

Человек видит квадрат и может не понимать, что получит: меню, скидку, инструкцию. Подпись под кодом объясняет это одной строкой. Например, «Открыть меню» точнее описывает действие, чем общая надпись «Наведите камеру».

Рамка с призывом навести камеру решает ту же задачу для тех, кто в принципе не привык сканировать. На витрине и в зале это уместно, в фирменном макете — не всегда, поэтому рамку можно убрать совсем.

И то и другое рисуется вокруг кода, не залезая на свободное поле. Это важнее эстетики: подпись, придвинутая вплотную к модулям, отнимает у распознавателя ту самую чистую зону.

Чем «красиво» отличается от «красиво и работает»

Разница проверяется единственным честным способом — обратным чтением. Готовая картинка со всеми красками, рамкой и знаком подаётся распознавателю, и он либо возвращает исходное содержимое, либо нет.

Автопроверка читает собранное изображение целиком. Для прозрачного QR она сначала накладывает копию изображения на выбранный однотонный цвет. Успешный результат относится к этому цвету и текущему оформлению; после смены данных или поверхности прежнее подтверждение сбрасывается.

Финальную проверку всё равно делайте руками: распечатайте один экземпляр в боевом размере на боевом носителе и отсканируйте двумя разными телефонами. Экран прощает то, чего не прощает бумага.

Фирменный код без потери чтения

Пошаговая инструкция

Фирменный код без потери чтения

  1. Задайте цвет модулей заметно темнее цвета подложки
  2. Выберите прозрачный фон, если код ляжет в макет
  3. Для прозрачного QR задайте цвет поверхности макета и проверьте статус именно на нём
  4. Добавьте подпись под кодом: что человек получит после сканирования
  5. Дождитесь отметки автопроверки о считывании
  6. Распечатайте один экземпляр и проверьте двумя телефонами

Перед печатью или публикацией

Перед отправкой в печать

  • Модули темнее подложки, а не просто другого оттенка
  • Свободное поле вокруг кода не занято рамкой и подписью
  • QR с центральным знаком прошёл обратную проверку; универсальной безопасной доли перекрытия нет
  • Прозрачный код проверен на той поверхности, куда ляжет

Рабочий инструмент

Красивый QR-код: цвет, прозрачный фон и логотип: вопросы

6 вопросов
Можно ли сделать QR-код с прозрачным фоном?

Да. Раскройте «Оформление для печати» и выберите «Прозрачный — PNG и SVG». Для QR без рамки и текста отдельно уберите рамку и очистите надпись. Перед скачиванием выберите цвет поверхности будущего макета: он используется для проверки, но не добавляется в файл.

Почему на белом фоне QR читается, а на тёмном — нет?

Прозрачные участки принимают цвет поверхности. Тёмные модули могут слиться с тёмным фоном, поэтому зелёный статус на белом не подтверждает чтение на другом цвете. Выберите нужную поверхность в предпросмотре; при предупреждении оставьте под QR светлую плашку и проверьте готовый макет.

Любой ли цвет подойдёт для модулей?

Подойдёт любой заметно тёмный. Решает не оттенок, а светлота: камера ищет перепад между модулем и полем, поэтому пастельная пара одинаковой яркости не читается.

Читаются ли светлые модули на тёмном фоне?

Не всеми камерами. Такая инверсия — риск, который нельзя проверить заранее для всех устройств. Надёжнее оставить коду светлую подложку и вписать её в тёмный макет.

Портит ли код фирменная рамка с надписью?

Нет, пока она не заходит на свободное поле шириной в четыре модуля. Рамка и подпись рисуются вокруг кода и помогают человеку понять, что он получит.

Как убедиться, что оформленный код работает?

Генератор читает собранную картинку обратно и показывает результат до скачивания. После этого распечатайте один экземпляр в боевом размере и отсканируйте двумя телефонами.

Продолжить работу

Источники и проверка
Источники и проверка

Материал обновлён: 1 октября 2026. Дата редакции не означает новую проверку нормативных источников. Перед применением проверьте действующую редакцию по ссылке. Методика проверки.