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

Проверьте, достаточно ли контрастна ваша цветовая пара по стандарту WCAG — введите два цвета и сразу получите результат

Цвет текста
Яркость: 0%
Цвет фона
Яркость: 100%
Крупный текст — заголовок
Обычный текст — так будет выглядеть основной текст на выбранном фоне. Проверьте, легко ли его читать.
21:1
Коэффициент контрастности
Элемент AA AAA
Обычный текст
Крупный текст
Графические элементы

Что такое контрастность и зачем её проверять

Контрастность — это разница в яркости между текстом и фоном. Чем выше коэффициент, тем легче читать текст. Минимальный коэффициент для обычного текста по стандарту WCAG — 4.5:1 (уровень AA).

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

Крупный текст — от 18 пунктов (24px) или от 14 пунктов (18.66px) при полужирном начертании. Для него допустим более низкий порог контрастности.
Made on
Tilda