Проверка контраста цвета (WCAG)

Как проверить контраст цвета?

Как пользоваться

  1. Введите нужные значения в поля.
  2. Нажмите «Рассчитать», чтобы увидеть результат.
  3. Скопируйте или поделитесь результатом с помощью кнопки «Поделиться».

Об этом калькуляторе

Этот инструмент вычисляет коэффициент контрастности WCAG между цветом текста и цветом фона — значение от 1:1 (одинаковые цвета, контраста нет) до 21:1 (чистый чёрный на чистом белом), рассчитываемое из относительной яркости каждого цвета. Затем он сравнивает этот коэффициент с официальными порогами доступности AA и AAA — обычно 4,5:1 для обычного текста и 3:1 для крупного текста по уровню AA, с более строгими минимумами по уровню AAA — чтобы определить, достаточно ли читаемо конкретное сочетание текста и фона для соответствия стандартам доступности.

Им пользуются веб-дизайнеры и фронтенд-разработчики для проверки цветовой палитры перед публикацией, поскольку низкий контраст текста — одна из самых частых претензий по доступности и может нарушать законодательные требования к доступности в некоторых юрисдикциях. Аудиторы доступности используют тот же расчёт при проверке сайта или приложения на соответствие WCAG, а дизайн-системы часто закладывают прошедшие AA цветовые пары прямо в свои библиотеки компонентов, чтобы избежать проблемы целиком.

Was this helpful?

Comments (0)

  • Be the first to comment.

Популярные калькуляторы

Все калькуляторы