Краткий ответ: введите HEX-цвет текста и фона. Калькулятор вычислит относительную яркость и контраст по формуле WCAG, затем покажет соответствие уровням AA и AAA для обычного и крупного текста.
Обновлено: 11 октября 2026 года.
Контраст текста и фона
Как считается контраст
Каждый канал sRGB переводится из диапазона 0–255 в линейное значение. Относительная яркость равна 0,2126 × R + 0,7152 × G + 0,0722 × B. Контраст — отношение (Lсветлый + 0,05) к (Lтёмный + 0,05).
Порядок цветов не влияет на число: светлый автоматически ставится в числитель. Максимальный контраст чёрного и белого равен 21:1.
Практические примеры
| Текст | Фон | Контраст | Вывод |
|---|---|---|---|
| #1A1A1A | #FFFFFF | 17,4:1 | AA и AAA |
| #777777 | #FFFFFF | 4,48:1 | Ниже AA для обычного текста |
Ограничения и предупреждения
- Расчёт предполагает сплошные цвета без прозрачности, градиента и фонового изображения.
- Крупным считается текст от 18 pt либо от 14 pt при полужирном начертании; CSS-пиксели и типографские пункты не равны напрямую.
- Достаточный контраст не заменяет размер шрифта, интервалы, понятную структуру и проверку фокуса элементов управления.
- Для иконок и границ интерфейса применяется отдельный критерий контраста 3:1.
Частые вопросы
Почему #777777 на белом иногда считают проходным?
Его значение около 4,48:1 и ниже строгого порога 4,5:1; округление до одного знака может вводить в заблуждение.
Учитывает ли калькулятор прозрачность?
Нет. Сначала вычислите итоговый цвет после наложения на фон.
Можно ли менять местами текст и фон?
Да, численное отношение останется тем же, но восприятие и читаемость могут различаться.
Связанный материал: как проверить характеристики цифрового интерфейса.