Проверка контраста
Выберите цвет текста и фона, чтобы увидеть коэффициент контрастности в реальном времени и проверить, соответствует ли он рекомендациям доступности WCAG AA и AAA для обычного и крупного текста. Живой предпросмотр показывает сочетание на практике.
Как это работает
Выберите цвет текста и фона с помощью палитр или введите hex-код. Коэффициент контрастности вычисляется на основе относительной яркости обоих цветов и сравнивается с порогами WCAG для обычного текста (4,5:1 для AA, 7:1 для AAA) и крупного текста (3:1 для AA, 4,5:1 для AAA).
Совет
Если сочетание не проходит проверку, попробуйте затемнить более тёмный цвет или осветлить более светлый — даже небольшие изменения могут поднять коэффициент выше следующего порога.
Что считается «крупным текстом»?
WCAG определяет крупный текст как минимум 18pt (24px) или 14pt (~18,5px) полужирным — заголовки и подобный заметный текст могут использовать более мягкие пороги для крупного текста.
Больше инструментов в этой категории
Калькулятор экспозиции
Находите эквивалентные значения экспозиции для диафрагмы, выдержки и ISO.
Калькулятор соотношения сторон
Пропорционально масштабируйте изображение или видео и находите упрощённое соотношение.
Генератор CSS-градиентов
Создайте линейный или радиальный CSS-градиент и скопируйте готовый код.
Генератор цветовой палитры
Превратите любой базовый цвет в комплементарную, аналоговую и триадную палитры.
Конвертер цветовых форматов
Мгновенно конвертируйте любой цвет между HEX, RGB, HSL и CMYK — с копированием каждого формата одним кликом.
Генератор типографической шкалы
Создайте гармоничный набор размеров шрифта на основе базового размера и коэффициента масштаба — готовый для копирования в виде CSS-переменных.