Проверка контрастности
Онлайн калькулятор контрастности текста и фона по стандартам WCAG 2.1 (AA и AAA). Идеальный инструмент для UI/UX дизайнеров.
The quick brown fox
Jumped over the lazy dog. Этот текст показывает, как выбранный вами цвет читается на заданном фоне. Проверьте контрастность, чтобы обеспечить доступность интерфейса.
Зачем проверять контрастность?
В веб-дизайне читаемость текста — это главный приоритет. Стандарты доступности веб-контента (WCAG 2.1) строго регламентируют, каким должно быть соотношение яркости (luminance) между текстом и его фоном, чтобы информацию могли без труда прочитать люди с нарушениями зрения или те, кто смотрит на экран смартфона на ярком солнце.
Что такое уровни AA и AAA?
- Уровень AA (Минимум): Коэффициент контрастности должен быть не менее
4.5:1для обычного текста и3.0:1для крупного текста (от 18pt или 14pt bold). - Уровень AAA (Идеал): Коэффициент контрастности должен быть не менее
7.0:1для обычного текста и4.5:1для крупного.
Используйте этот инструмент совместно с нашим конвертером цветов и пипеткой для создания безупречных, инклюзивных интерфейсов.