Проверка цветового контраста
BetaПроверьте, соответствует ли ваша комбинация цвета текста и фона рекомендациям WCAG по обеспечению доступности.
- Бесплатно
- Без регистрации
- Запускается в вашем браузере
- Работает на мобильных устройствах.
{имя} с первого взгляда
- Ввод
- Цвета переднего плана и фона
- Выход
- Коэффициент контрастности и статус соответствия WCAG
- Конфиденциальность
- Все происходит на вашем устройстве. Ничего не загружается.
- Цена
- Бесплатно, без аккаунта и водяных знаков.
Как использовать {имя}
- 1Введите цвет текста (переднего плана) и цвет фона.
- 2Инструмент мгновенно рассчитывает коэффициент контрастности между двумя цветами.
- 3Отображается, соответствует ли комбинация стандартам WCAG AA и AAA для обычного и большого текста.
Особенности
- Расчет коэффициента контрастности в реальном времени.
- Статус соответствия WCAG AA и AAA.
- Принимает цветовые форматы HEX, RGB или HSL.
- Визуальный предварительный просмотр текста на выбранном фоне.
Часто задаваемые вопросы по {имя}
Что такое WCAG?
WCAG означает «Руководство по обеспечению доступности веб-контента». Это набор стандартов, призванных сделать веб-контент более доступным для людей с ограниченными возможностями, в том числе с нарушениями зрения.
Что такое хороший коэффициент контрастности?
WCAG AA требует соотношения не менее 4,5:1 для обычного текста и 3,1:1 для крупного текста. WCAG AAA требует 7:1 для обычного текста и 4,5:1 для крупного текста.
Почему контраст имеет значение?
Высокая контрастность гарантирует, что текст будет разборчивым и удобочитаемым для всех, особенно для пользователей с плохим зрением или дальтонизмом.
Сопутствующие инструменты
Конвертер HEX в RGBBetaМгновенно конвертируйте цветовые коды HEX в RGB и наоборот.Декодер Base64Декодировать Base64 (стандартный или URL-безопасный) обратно в текст.Кодировщик Base64Кодируйте текст в Base64 с возможностью безопасного URL-адреса.Генератор радиуса границыВизуально скруглите углы, один или все сразу, и скопируйте сокращение CSS.
Еще {категория}Последнее обновление