Проверка контраста цвета (WCAG)

Об этом калькуляторе

Этот инструмент вычисляет коэффициент контрастности WCAG между цветом текста и цветом фона — значение от 1:1 (одинаковые цвета, контраста нет) до 21:1 (чистый чёрный на чистом белом), рассчитываемое из относительной яркости каждого цвета. Затем он сравнивает этот коэффициент с официальными порогами доступности AA и AAA — 4,5:1 для AA и 7:1 для AAA (стандарт допускает и более низкий порог 3:1 для крупного текста, который этот инструмент не применяет) — чтобы определить, достаточно ли читаемо конкретное сочетание текста и фона для соответствия стандартам доступности.

Им пользуются веб-дизайнеры и фронтенд-разработчики для проверки цветовой палитры перед публикацией, поскольку низкий контраст текста — одна из самых частых претензий по доступности и может нарушать законодательные требования к доступности в некоторых юрисдикциях. Аудиторы доступности используют тот же расчёт при проверке сайта или приложения на соответствие WCAG, а дизайн-системы часто закладывают прошедшие AA цветовые пары прямо в свои библиотеки компонентов, чтобы избежать проблемы целиком.