Методика и исходные данные
Входом служат два HEX-кода. Каналы RGB нормализуются, линеаризуются и сводятся к яркости. Формула одинакова для любого порядка цветов.
Онлайн-проверка пары цветов
Проверка контраста и читаемости вывески
Введите HEX-цвет букв и фона. Калькулятор контраста цветов покажет коэффициент и живой пример. Затем проверьте макет на фотографии фасада.
Расчёт онлайн
Предпросмотр вывески
Открытая методика
Передача в заявку
Калькулятор контраста цветов
Выберите цвет надписи и фона. Значение пересчитывается сразу, а пример показывает, как пара выглядит в крупной надписи. Сохраните пару цветов в заявке.
7,8:1
Высокий контраст
Яркостная разница высокая. Всё равно проверьте макет на фасаде.
ВАША ВЫВЕСКА
Как считается контраст и что он означает
Краткий ответ: инструмент переводит sRGB-цвета в относительную яркость и делит большее значение с поправкой 0,05 на меньшее. Результат лежит между 1:1 и 21:1. Контрастность пары — точка отсева, а не гарантия чтения.
Пошаговый сценарий
1. Выберите цвета. 2. Сравните коэффициент. 3. Посмотрите пример. 4. Проверьте размер букв. 5. Наложите макет на фото фасада. 6. Сравните день и ночь.
Как читать результат
Большее число означает большую разницу по яркости. Мы показываем мягкие зоны, а не обещание читаемости: на улице важны ещё размер, штрих, дистанция, свет и фон.
Быстрая натурная проверка: отойдите от макета на расчётную дистанцию, прищурьтесь и посмотрите, не сливаются ли слова с фоном. Затем откройте изображение в оттенках серого: так заметно, различаются ли цвета по яркости, а не только по тону. Для световой вывески повторите оценку на ночном макете.
Проверка контраста на фасаде: четыре сценария
Один HEX-код выглядит по-разному на матовом композите, стекле, кирпиче и световом лице. Поэтому после расчёта сделайте четыре версии макета с одинаковой геометрией и сравнивайте не цвет отдельно, а всю конструкцию.
Пасмурный день
Проверьте буквы на ровном рассеянном свете: этот сценарий показывает базовую яркостную разницу без резких теней.
Солнечный фасад
Добавьте блики и тени от архитектуры. Светлый фон может стать почти белым, а тёмный материал — потерять детали.
Вечер с подсветкой
Оцените лицо букв и ореол отдельно. Пересвет увеличивает световое пятно и визуально уменьшает промежутки между символами.
Выключенная вывеска
Проверьте дневной цвет плёнки, акрила и борта без света. Ночной эффект не должен скрывать слабый дневной контраст.
Фиксация результата: сохраните оба HEX-кода, фото фасада, время съёмки, тип материала и режим подсветки. Это позволяет дизайнеру повторить сравнение и не принимать решение по одному экранному образцу.
Примеры и финальная проверка вывески
Одинаковый контраст может дать разный результат. Тонкая надпись на глянце может читаться хуже крупных матовых букв при том же HEX.
| Сценарий | Что проверить | Что сделать |
|---|---|---|
| Светлые буквы на светлом фасаде | Границы штриха и блики | Добавить тёмную подложку, борт или обводку |
| Тёмные буквы на стекле | Фон за витриной днём и ночью | Добавить плотную плёнку или световую панель |
| Световые буквы вечером | Засветка лица, ореол и размывание края | Сравнить ночную визуализацию и образец свечения |
| Яркий акцентный цвет | Различие тона и яркости | Проверить грейскейл и фото в реальном масштабе |
Ограничения
Экран не повторяет плёнку, акрил, краску или световой модуль. Цветопередача, износ, пыль, освещение и блики меняют видимый цвет.
Размер и дистанция
Толщина штриха, межбуквенный интервал и высота знака могут быть важнее одного коэффициента. Сверьте их с дистанцией чтения.
Дневной и ночной вид
Несветовая поверхность и включённая вывеска — два разных сценария. Для подсветки нужно отдельно проверить яркость, оттенок и равномерность.
Важно: критерии WCAG здесь используются как ориентир для яркостной разницы, а не как стандарт наружных вывесок. Итог подтверждают макетом, физическим образцом и проверкой на месте.
FAQ, эксперт и передача результата
Что показывает коэффициент контраста?
Он сравнивает относительную яркость двух цветов. Чем больше значение от 1:1 до 21:1, тем сильнее яркостная разница.
Можно ли оценить читаемость вывески только по HEX?
Нет. HEX описывает экранный цвет, но не учитывает материал, блик, подсветку, угол обзора, размер букв и освещение фасада.
Почему WCAG нельзя считать стандартом наружных вывесок?
WCAG создан для доступности цифровых интерфейсов. Его коэффициент полезен как ориентир, но натурную вывеску нужно проверять в масштабе, днём и ночью.
Какой цвет изменить первым?
Сначала сохраните фирменный цвет главного элемента, а затем подбирайте фон, обводку или подложку. Если фон фасада неизменен, подбирают цвет букв.
Что передать дизайнеру?
Передайте оба HEX-цвета, коэффициент, фотографию фасада, размер надписи, дистанцию чтения и наличие подсветки.
Методика
22.08.2026
Что проверяет дизайнер
Результат калькулятора, фотографию фасада, дневной и ночной макет, размер букв, материал и дистанцию. Так цифра превращается в рабочее решение.
Дизайн и расчёт
Пришлите пару цветов и фото фасада
Проверим контраст цветов вывески вместе с размером, фасадом и типом подсветки. После согласования макета перейдём к точному расчёту проекта.
