Проверка контрастности текста и фона
Проверьте читаемость выбранных цветов текста и фона по числовым критериям WCAG 2.2. Введите два цвета в формате HEX, размер шрифта в пикселях и насыщенность начертания. Калькулятор переведёт цвета sRGB в относительную яркость, рассчитает коэффициент контраста и проверит пороги AA и AAA для вашего размера текста. Образец рядом с результатом позволяет сразу посмотреть выбранное сочетание в работе.
Исходные данные
Замените примерные значения своими. Расчёт выполняется в браузере.
Как работает инструмент
Контраст = (Lсветлого + 0,05) / (Lтёмного + 0,05). Крупный текст: от 24 px, либо от 18⅔ px при насыщенности не менее 700. Пороги сравниваются до округления.
Что учитывать в результате
Поддерживаются непрозрачные HEX-цвета. Прозрачность, фоновые изображения, градиенты и особенности отображения конкретного шрифта не моделируются.
Источники методики
Пример для значений в форме
При исходных данных, заполненных в форме выше, результат будет следующим. Кнопка «Сбросить» возвращает эти значения.
- Контраст:
- 12,359 :1
- Категория текста:
- Обычный
- Уровень AA:
- Проходит
- Уровень AAA:
- Проходит
Как получить свой результат
- Заполните поле «Цвет текста HEX» и остальные параметры в указанных единицах.
- Нажмите «Рассчитать». Если данные противоречат друг другу, исправьте поле по сообщению формы.
- Сравните результат с примером, измените параметры при необходимости и сохраните итог.