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

Как сделать красивый QR-код

Введите данные: ссылку, текст, Wi-Fi или другое.
Выберите готовый стиль в блоке «Оформление»: «Мягкий», «Точки», «Океан», «Закат» или «Ночь».
При желании поменяйте форму клеток, рамку и центр угловых узоров, цвета, добавьте градиент и логотип.
Следите за подсказками под предпросмотром: они предупреждают о слабом контрасте и мелком размере.
Проверьте код телефоном и скачайте SVG, PDF или PNG.

Что можно менять

Элемент	Варианты	Как влияет на чтение
Клетки	Квадраты, скруглённые, точки, лепестки, столбики	Скруглённые и точки читаются хорошо; столбики и лепестки требуют крупного размера
Рамка угловых узоров	Квадрат, скруглённая, круг, «лист»	Безопасно: сканер ищет угловые узоры по пропорциям, формы они сохраняют
Центр угловых узоров	Квадрат, скруглённый, круг	Безопасно, если центр достаточно крупный
Цвет и фон	Любые, в том числе градиент и прозрачность	Нужен контраст: код заметно темнее фона
Логотип	Своя картинка в центре	Ограничивает размер, включает запас на повреждения. Подробнее: QR-код с логотипом
Подпись	Текст под кодом: «Сканируйте», название акции	Не влияет на чтение

Пять правил, чтобы красивый код читался

Контраст прежде всего. Код должен быть заметно темнее фона. Светло-серый на белом, жёлтый на белом и красный на оранжевом не читаются, как их ни украшай.
Тёмный на светлом. Светлый код на тёмном фоне читают не все приложения. Если нужен именно такой, проверьте на нескольких телефонах.
Оба цвета градиента тёмные. Переход от тёмно-синего к бирюзовому годится, а от синего к белому нет: светлая часть кода пропадёт.
Поле вокруг кода. Не обрезайте белую рамку шириной в четыре клетки: без неё сканер не найдёт границы.
Проверка на бумаге. Распечатайте образец и прочитайте его двумя разными телефонами. Экранные цвета обманывают.

Какой стиль к чему подходит

Классика. Для упаковки, где важна максимальная надёжность на мелком размере.
Мягкий и «Точки». Для визиток, меню, приглашений: смотрятся дружелюбнее, читаются хорошо.
«Океан» и «Закат». Для презентаций, афиш, соцсетей: цветной градиент привлекает взгляд.
«Ночь». Для тёмных макетов и акцентных постеров, но проверяйте чтение.

Вектор и печать

Скачивайте SVG или PDF, если код пойдёт в печать: их можно растянуть на любой размер без потери чёткости. PNG и JPG подойдут для сайта, документов и соцсетей; для крупных баннеров выбирайте самую большую ширину. Если код будет печататься мелко, возьмите простую форму клеток: тонкие лепестки и столбики на малом размере сливаются.

Для строгих случаев, например платёжных реквизитов, достаточно классического кода: QR-код для оплаты по реквизитам лучше не украшать. Остальные виды данных собраны в общем генераторе QR-кодов.

Другие QR-инструменты

Нужны штрихкоды других видов (EAN-13, Code 128, DataMatrix)? Они собраны в общем генераторе штрихкодов.

Частые вопросы

Как сделать красивый QR-код?

Введите данные, затем выберите готовый стиль («Мягкий», «Точки», «Океан», «Закат», «Ночь») или настройте сами: форму клеток, рамку и центр угловых узоров, цвет, градиент. Предпросмотр меняется сразу. Перед печатью проверьте код телефоном.

Можно ли сделать цветной QR-код?

Да, цвет кода и фона выбирается свободно, главное, чтобы код был заметно темнее фона. Конструктор показывает предупреждение, когда контраст низкий, а если контраст слишком слабый, честно говорит, что код не прочитается.

Читаются ли цветные и скруглённые коды?

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

Что такое градиент в QR-коде?

Плавный переход одного цвета в другой по всему коду: линейный (с заданным углом) или радиальный (от центра). Следите, чтобы оба цвета были тёмными относительно фона: светлый конец градиента ухудшает чтение.

Какие формы доступны?

Клетки: квадраты, скруглённые, точки, лепестки и столбики. Рамка угловых узоров: квадратная, скруглённая, круг и «лист». Центр угловых узоров: квадрат, скруглённый, круг. Можно задать отдельный цвет для угловых узоров.

Подходит ли красивый код для печати?

Да: скачайте SVG или PDF, они не теряют чёткость при любом размере. PNG и JPG выбирайте для сайта и документов. Для печати проверьте пробный оттиск на бумаге: цвета на экране и на принтере различаются, а контраст на бумаге ниже.

Есть QR-код и нужно прочитать его?

Сканер QR-кодов онлайн читает код с камеры или из картинки прямо в браузере: изображение никуда не отправляется.

Открыть сканер QR

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

Оформление