Дизайн

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

Проверяйте цвета текста и фона на соответствие требованиям контрастности WCAG AA и AAA.

Убедитесь, что ваш интерфейс читаем. Инструмент показывает коэффициент контрастности и соответствие уровням AA и AAA для обычного и крупного текста.

Загрузка инструмента…

Конфиденциальность: Быстрая и приватная утилита ToolPilot. Ваши данные по возможности обрабатываются локально в вашем браузере.

Как

1Выберите цвета текста и фона.
2Посмотрите коэффициент контрастности.
3Подбирайте цвета, пока не достигнете нужного уровня.

Часто задаваемые вопросы

Какой коэффициент нужен?

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

Загружаются ли мои файлы на сервер?

Нет. Инструмент работает полностью в вашем браузере, при необходимости используя JavaScript и WebAssembly. Ваши файлы и текст никогда не покидают ваше устройство.

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

Как

Часто задаваемые вопросы

Помогите нам стать лучше

Похожие инструменты

Пипетка цвета + HEX/RGB/HSL

Конвертер HEX / RGB / HSL

Генератор палитр

Генератор CSS-градиентов