Инструменты разработчика
Контраст цветов
Проверьте читаемость текста на фоне по стандарту WCAG.
Бесплатно · без регистрации · данные не покидают браузер
Зачем это нужно
Низкий контраст мешает людям с нарушениями зрения и ухудшает оценки Lighthouse.
Как пользоваться
- Выберите цвет текста и фона.
- Посмотрите коэффициент.
- Доведите до AA или AAA.
Частые вопросы
Какой контраст нужен?
AA — 4.5:1 для обычного текста, AAA — 7:1.
Крупный текст?
Для крупного текста порог ниже: 3:1 для AA.
Учитывается ли прозрачность?
Нет, берите итоговые непрозрачные цвета.