Проверка контраста цветов
Проверка контраста цветов по WCAG: введите цвет текста и фона — узнаете коэффициент контраста и проходит ли сочетание уровни AA и AAA. Проверьте читаемость текста на фоне.
Работает в браузере — ничего не загружается на сервер
Пример обычного текста
Крупный текст
Коэффициент контраста
10.31 : 1
AA обычный
✓ Проходит
AA крупный
✓ Проходит
AAA обычный
✓ Проходит
AAA крупный
✓ Проходит
Как пользоваться
Выберите цвет текста и фона
Пипеткой или вводом HEX-кодов.
Смотрите предпросмотр
Текст показывается на выбранном фоне — сразу видно читаемость.
Проверьте уровни
Коэффициент контраста и отметки AA/AAA для обычного и крупного текста.
Зачем это нужно
Контраст между текстом и фоном напрямую влияет на читаемость, особенно для людей со слабым зрением. Стандарт доступности WCAG задаёт минимальные коэффициенты контраста, которые важны и для удобства, и для требований к доступности сайтов.
Этот инструмент считает коэффициент контраста по формуле WCAG и сразу показывает, проходит ли пара цветов уровни AA и AAA для обычного и крупного текста. Предпросмотр помогает оценить результат глазами.
Частые вопросы
По WCAG для обычного текста нужен контраст не ниже 4.5:1 (уровень AA) или 7:1 (AAA). Для крупного текста — 3:1 (AA) и 4.5:1 (AAA).