Калькулятор коэффициента контраста цветов

Проверьте коэффициент контраста двух цветов для доступности.

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

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

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

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

Веб-дизайнеры, фронтенд-разработчики и аудиторы доступности используют это, чтобы убедиться, что текст и элементы интерфейса соответствуют юридическим и практическим стандартам доступности (WCAG 2.1, ADA, Section 508) для пользователей со слабым зрением или дальтонизмом. Введите два цвета в формате hex, чтобы получить коэффициент контраста и статус прохождения проверки.

Was this helpful?

Можно выбрать до 3 реакций.

Comments (0)

  • Be the first to comment.

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

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