Измерьте коэффициент контраста WCAG 2.1 между двумя цветами и узнайте, проходят ли они AA, AA Large и AAA для доступного текста. Работает целиком в браузере.
Конфиденциальность прежде всего: каждое изображение обрабатывается локально в вашем браузере. Ничего не загружается, не сохраняется и не передаётся ни на один сервер.
Контраст — требование доступности, а не вкуса
WCAG требует, чтобы текст контрастировал с фоном на уровне 4.5:1 для обычного текста (AA) и 7:1 для AAA — для многих организаций это правовая территория. Текст поверх изображений проваливает это постоянно, потому что дизайнеры оценивают контраст относительно среднего по изображению, тогда как пользователи читают его относительно самого светлого участка.
Измеряйте по реальному изображению
Выберите цвет текста и возьмите пробу настоящего фона прямо из изображения; проверка вычислит соотношение и оценит его по порогам AA и AAA для обычного и крупного текста. Исправляйте провалы, затемняя подложку или осветляя текст, — и перемеряйте, пока не пройдёт. Всё локально, ничего не загружается.
Часто задаваемые вопросы
Загружается ли моё изображение для анализа?
Нет. Извлечение цвета, гистограммы и проверки контраста — всё выполняется локально в браузере.
Какую информацию о цвете можно получить?
Доминирующие цвета, копируемую палитру с hex-кодами и процентами присутствия, а также полные гистограммы RGB и яркости.
Для чего нужна проверка контраста?
Она измеряет коэффициент контраста WCAG 2.1 между двумя цветами и показывает, проходят ли они уровни AA, AA Large и AAA для доступного текста.
Можно ли скопировать цветовые коды?
Да. Нажмите на любой образец, чтобы скопировать его hex-код, или скопируйте всю палитру сразу.