Назад к инструментам

Contrast Checker

Проверка контрастности цветов по стандартам WCAG

Настройки цветов

Выберите цвета для проверки контрастности

Настройка текста
Толщина шрифта
Готовые комбинации
Предварительный просмотр

Как будет выглядеть текст с выбранными цветами

Пример текста для проверки контрастности
Разные размеры
  • Маленький текст (14px)
  • Обычный текст (16px)
  • Большой текст (18px, жирный)
  • Заголовок (24px)
Результаты проверки

Соответствие стандартам доступности WCAG

21.00 : 1Коэффициент контрастности
WCAG AAA
Отличная контрастность
Детальные результаты
  • Обычный текст (AA)
    Пройден
  • Обычный текст (AAA)
    Пройден
  • Большой текст (AA)
    Пройден
  • Большой текст (AAA)
    Пройден
Текущий текст
  • Размер: 16px (обычный)
  • Толщина: обычный
  • Статус: AAA

Информация о UUID v4

Fail

Не соответствует минимальным требованиям доступности

AA

Стандартный уровень соответствия для большинства сайтов

AAA

Высший уровень доступности