Перейти к содержимому

Проверка контрастности цветов

Бесплатный онлайн-инструмент проверки контрастности. Измерение коэффициента контрастности по WCAG AA/AAA. Проверка веб-доступности. Обработка в браузере.

Бесплатный онлайн-инструмент проверки контрастности цвета, который тестирует коэффициенты контрастности между двумя цветами по стандартам доступности WCAG 2.1 (AA, AAA). Вся обработка в вашем браузере — без связи с сервером. Необходим для соответствия требованиям веб-доступности и проверки UI-дизайна.

Передний план
Фон
21.00:1
Коэффициент контраста
Обычный текст
AA (4.5:1)Пройден
AAA (7:1)Пройден
Крупный текст
AA (3:1)Пройден
AAA (4.5:1)Пройден
Предпросмотр

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

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

lock Файлы не отправляются на сервер

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

  1. Введите цвета переднего плана (текста) и фона.
  2. Проверьте коэффициент контрастности и уровень WCAG (AA/AAA).
  3. При необходимости скорректируйте цвета для соответствия стандартам.

Часто задаваемые вопросы о Проверка контрастности цветов

В чём разница между WCAG AA и AAA?

AA требует 4.5:1 для обычного текста и 3:1 для крупного текста. AAA строже — 7:1 и 4.5:1 соответственно.

Что делать, если мой коэффициент контрастности не проходит?

Сделайте цвета светлее или темнее, чтобы повысить контрастность. Инструмент показывает результаты в реальном времени по мере настройки.