Проверка контрастности цветов
Проверка коэффициентов контрастности цветов по рекомендациям WCAG 2.1. Тестирование соответствия AA и AAA для обычного и крупного текста. Бесплатно, 100% в браузере.
Предпросмотр крупного текста (18pt+)
Предпросмотр обычного текста — проверьте читаемость на фоновом цвете.
Справка
Что такое контрастность по WCAG?
Рекомендации по доступности веб-контента (WCAG) 2.1 определяют минимальные коэффициенты контрастности для обеспечения читаемости текста людьми с нарушениями зрения. Коэффициент контрастности варьируется от 1:1 (нет контраста) до 21:1 (максимальный, чёрный на белом). Около 8% мужчин и 0,5% женщин имеют ту или иную форму нарушения цветового зрения, что делает достаточную контрастность необходимой для инклюзивного дизайна.
Уровни соответствия WCAG
AA — Обычный текст: минимальный коэффициент контрастности 4,5:1 (самое распространённое требование). AA — Крупный текст: минимум 3:1 (крупный = 18pt/24px обычный или 14pt/18,5px жирный). AAA — Обычный текст: минимум 7:1 (повышенный, рекомендуется для основного текста). AAA — Крупный текст: минимум 4,5:1. Большинство законов и стандартов по доступности (ADA, Section 508, EN 301 549) ссылаются на WCAG AA как минимальное требование.
Как рассчитывается коэффициент контрастности
Коэффициент контрастности использует значения относительной яркости, полученные из sRGB-цветов. Каждый цветовой канал (R, G, B) линеаризуется: если значение sRGB ≤ 0,04045, делим на 12,92; иначе вычисляем ((значение + 0,055) / 1,055)^2.4. Яркость = 0,2126·R + 0,7152·G + 0,0722·B. Коэффициент контрастности = (L1 + 0,05) / (L2 + 0,05), где L1 — яркость более светлого цвета, а L2 — более тёмного.
Конфиденциальность
Все расчёты выполняются на 100% в вашем браузере. Никакие данные не отправляются на сервер.