Инструменты для цвета

Проверка контраста цветов: WCAG AA и AAA — бесплатно

Бесплатно, без регистрации, работает в браузере. Проверьте, читается ли текст на фоне, по коэффициенту контрастности WCAG, посмотрите результаты AA и AAA для обычного и крупного текста и элементов управления и получите ближайший цвет, который проходит проверку.

Так выглядит крупный текст

Так выглядит обычный основной текст. Съешь же ещё этих мягких французских булок да выпей чаю, а мелкий шрифт, например подпись, располагается ниже.

Мелкий текст: подпись 14px.

Кнопка
Коэффициент контраста13.08:1
  • Обычный текст, AA: ПроходитОсновной текст, не менее 4.5:1
  • Обычный текст, AAA: ПроходитПовышенный, не менее 7:1
  • Крупный текст, AA: ПроходитОт 18pt или от 14pt жирным, не менее 3:1
  • Крупный текст, AAA: ПроходитПовышенный, не менее 4.5:1
  • Значки и элементы управления, AA: ПроходитКнопки, рамки, линии графиков: 3:1

Используется формула контраста WCAG 2. Коэффициенты никогда не округляются вверх, поэтому 4.49:1 не считается 4.5:1. Проверка выполняется на вашем устройстве.

Почему стоит выбрать Проверка контрастности цветов

100% бесплатно
Пользуйтесь сколько угодно. Без регистрации, без водяных знаков, без установки.
Конфиденциально по умолчанию
Всё, что вы вводите, остаётся в браузере и никогда не отправляется нам.
Работает на любом устройстве
Работает в браузере на Windows, Mac, Linux, Android и iPhone. Приложение не нужно.

Как пользоваться: Проверка контрастности цветов

  1. Введите цвет текста и цвет фона или выберите их.
  2. Посмотрите коэффициент контрастности и результаты проверки.
  3. Если проверка не пройдена, нажмите на предложенный подходящий цвет.

Частые вопросы

Какой коэффициент контрастности нужен?
WCAG AA требует 4.5:1 для обычного текста и 3:1 для крупного текста и элементов интерфейса, таких как кнопки и значки. AAA требует 7:1 и 4.5:1.
Что считается крупным текстом?
Не менее 18 пунктов (24px) обычного начертания или 14 пунктов (около 18.7px) полужирного.
Учитываются ли полупрозрачные цвета текста?
Да. Полупрозрачный цвет текста смешивается с фоном перед измерением контраста.
Почему 4.49:1 не проходит?
По WCAG коэффициенты нельзя округлять вверх, поэтому всё, что ниже 4.5:1, не соответствует AA для обычного текста.
Проверка контрастности цветов — это бесплатно?
Да. Пользоваться можно бесплатно, без регистрации и без установки.

Справка и руководства (на английском)

Похожие инструменты