Конвертер цветов
Преобразуйте HEX, RGB и HSL с прозрачностью, смотрите образец цвета и копируйте готовые значения CSS.
Проверка контраста цветов
Проверьте контраст по WCAG 2.2 с образцом текста и отдельными оценками AA и AAA для обычного и крупного шрифта.
Читаемый текст помогает понять сообщение.
Обычный текст · Aa 123
Контрастность
Расчёт по WCAG 2.2. Прозрачный фон накладывается на белый.
Об инструменте
Проверяйте реально используемое сочетание текста и фона. Успешный результат не подтверждает доступность всей страницы.
Как пользоваться
Выберите цвета текста и фона. Для обычного текста нужны отношения 4,5 для AA и 7 для AAA, для крупного — 3 и 4,5. Крупным считается текст от 24 px или примерно 18,67 px при полужирном начертании. Прозрачный фон накладывается на белый. Это проверка контраста, а не полный аудит доступности.
Частые вопросы
Какой текст считается крупным?
От 24px либо примерно 18,67px при жирном начертании. Пороги AA/AAA для обычного текста — 4,5:1/7:1, для крупного — 3:1/4,5:1. Прозрачный фон сначала накладывается на белый.
Почему при показанных 4,5:1 проверка AA может не пройти?
На экране отношение округлено до двух знаков, а проверка использует значение без округления. Увеличивайте контраст до положительного результата нужной проверки.
Как проверить текст на фотографии или градиенте?
Проверьте реальные цвета за текстом, особенно участок с наименьшим контрастом. Здесь сравниваются два цвета, а прозрачный фон накладывается на белый; это предположение должно соответствовать вашей странице.
Связанные инструменты
Откроется в новой вкладке
Комментарии
0