Проверка контраста
Проверить, читается ли текст на своём фоне.
Крупный текст выглядит так
А обычный текст, каким набрана большая часть страницы, выглядит так.
4.80:1
- AA
- Проходит
- AAA
- Не проходит
- AA Large
- Проходит
- UI & icons
- Проходит
Серый текст на белой карточке выглядит изысканно на мониторе дизайнера и исчезает на телефоне при дневном свете. Здесь есть коэффициент и вердикт, а также то, что большинство проверок опускает: ближайший цвет, который действительно проходит. Он ищется сдвигом светлоты в OKLCH, поэтому оттенок остаётся вашим.
Как пользоваться
- Введите цвет текста и фон.
- Посмотрите коэффициент и вердикты AA и AAA.
- Если не проходит, возьмите предложенный цвет.
Почему этот инструмент
Полная конфиденциальность
Всё работает внутри браузера. Ваши файлы и текст никогда не отправляются на сервер.
Бесплатно и без ограничений
Без регистрации, без водяных знаков и без лимита на количество использований.
Мгновенный результат
Не нужно ничего загружать и ждать очереди — результат появляется так быстро, как позволяет ваше устройство.
Работает на любом устройстве
Любой современный браузер на телефоне, планшете или компьютере. Ничего устанавливать не нужно.
Частые вопросы
- Что означают AA и AAA?
- Это два уровня рекомендаций WCAG. AA требует 4,5:1 для обычного текста и 3:1 для крупного или жирного — этого требует большинство правил и договоров. AAA требует 7:1, и к нему стоит стремиться там, где текст действительно читают.
- Почему предложение сохраняет мой цвет?
- Потому что предложение, которым вы не воспользуетесь, бесполезно. Меняется только светлота в OKLCH, оттенок не трогается, поэтому получается более тёмная или светлая версия вашего цвета, а не другой цвет.
- Учитывается ли дальтонизм?
- Нет. Контраст — про светлое и тёмное, и работает одинаково для всех. Различимость двух цветов — другой вопрос, на него отвечает симулятор дальтонизма.