Проверка контраста цветов
Проверьте, дотягивают ли цвета текста и фона до уровней доступности WCAG.
Tools Here · пример текста
Этот пример меняется вместе с выбранными цветами. Проверьте контраст, чтобы текст читался всеми.
Пример кнопки
Коэффициент контраста
8.66
Читается очень легко
По WCAG 2.1
Основной текст (AA)Проходит (8.7:1)
Основной текст (AAA)Проходит (8.7:1)
Крупный текст (AA)Проходит (8.7:1)
Крупный текст (AAA)Проходит (8.7:1)
Элементы интерфейсаПроходит (8.7:1)
info
Уровень AA
Уровень, к которому стремится большинство сайтов: основной текст — 4,5:1, крупный (от 18pt) — 3:1.
verified
Уровень AAA
Самый строгий уровень: 7:1 для основного текста и 4,5:1 для крупного.
Ваши цвета
contrast
Выберите цвета, нажмите «Выполнить» — проверки соберутся здесь.