Проверка контраста цветов WCAG
Выберите цвет текста и цвет фона и сразу увидите коэффициент контраста с бейджами PASS/FAIL для WCAG AA и AAA. Живой предпросмотр, всё в браузере — ничего не загружается.
Цвет текста
Цвет фона
Коэффициент контраста
21:1
Результаты
Крупный текст = 18pt (24px) обычный или 14pt (18,66px) жирный.
AA · Обычный текст
≥ 4.5:1
AA · Крупный текст
≥ 3:1
AAA · Обычный текст
≥ 7:1
AAA · Крупный текст
≥ 4.5:1
Живой предпросмотр
Обычный текст — съешь же ещё этих мягких французских булок.
Образец крупного текста
Всё работает в браузере. Без загрузки на сервер и без регистрации.
Как это работает
ШАГ 1
Выберите два цвета
Выберите цвет текста и цвет фона или вставьте любое значение HEX.
ШАГ 2
Смотрите коэффициент
Точный коэффициент контраста по WCAG и прохождение AA и AAA для обычного и крупного текста.
ШАГ 3
Проверьте предпросмотр
Живой образец показывает реальный результат. Настраивайте, пока не пройдёт. Всё приватно, ничего не уходит с устройства.