ContrastCheck
Проверить контраст

Ввести · проверить · оценить

Измерьте одну пару цветов без догадок.

Используйте hex-цвета из 3 или 6 цифр. Расчёт остаётся в браузере и показывает точный коэффициент WCAG 2.x.

Локальная проверка пары

Текст и фон

Цвета остаются на устройстве

Рассчитывается только одна непрозрачная пара sRGB. Страница не определяет размер и насыщенность шрифта, состояние компонента или доступность всей страницы.

Анализ пары цветов

Результат контраста

Коэффициент контраста14.62:1
Текст #1E293B Яркость текста: 0.021777
Фон #FFFFFF Яркость фона: 1.000000
Фиксированный пример

Читаемый дизайн начинается с измеренного контраста.

Ориентиры WCAG 2.x

AA обычный текст Минимум 4.5:1 Проходит
AA крупный текст Минимум 3:1 Проходит
AAA обычный текст Минимум 7:1 Проходит
AAA крупный текст Минимум 4.5:1 Проходит
Ориентир non-text 3:1 Минимум 3:1 Проходит

Pass/fail использует неокруглённый коэффициент. Показанное значение округляется вниз до двух знаков. Прошедшая пара не является аудитом доступности сайта.