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