Проверьте коэффициент контраста WCAG между цветом текста и цветом фона.
Инструмент вычисляет относительную яркость обоих hex-цветов, показывает коэффициент контраста и отмечает, проходит ли пара пороги AA и AAA для обычного и крупного текста.
Пороги
- AA обычный текст: 4,5:1
- AA крупный текст: 3:1
- AAA обычный текст: 7:1
- AAA крупный текст: 4,5:1
Расчёт выполняется только в браузере — для проверок дизайна и доступности.
Когда применять
Подбирайте цвета текста и фона при проектировании интерфейса, проверяйте подписи кнопок на тонированных шапках и фиксируйте решения по контрасту перед передачей разработчикам. Некорректные hex-значения дают понятную ошибку вместо вводящего в заблуждение коэффициента.
Ограничения
Результаты зависят от введённых значений и арифметики браузера; они не проходят аудит на соответствие нормативам. Очень большие входные данные, локалезависимое округление или краевые случаи могут отличаться от таблиц и серверных реализаций.
Пример
Введите значения образца по умолчанию в форме и сравните вывод с известным эталоном; меняйте по одному полю, чтобы увидеть влияние на результат.