Проверка контрастности WCAG
Проверяйте коэффициенты контрастности цветов по стандартам WCAG AA и AAA. Тестируйте основной и фоновый цвета для обычного и крупного текста. Бесплатно.
Зачем проверять контрастность цветов?
Контрастность цветов — критически важный аспект веб-доступности. Руководства WCAG требуют определённых коэффициентов контрастности между текстом и фоном для обеспечения читаемости людьми с нарушениями зрения. Наш инструмент помогает проверить соответствие стандартам AA и AAA.
Ключевые возможности
- Проверка соответствия WCAG 2.1 AA и AAA
- Отдельные результаты для обычного текста (4.5:1) и крупного текста (3:1)
- Предпросмотр с образцом текста в выбранных цветах
Как использовать
- Введите цвета переднего плана (текст) и фона
- Просмотрите коэффициент контрастности и результаты проверки
- Используйте кнопку обмена для проверки обратной комбинации
Технические детали
Коэффициент контрастности рассчитывается по формуле WCAG 2.1, сравнивающей относительную яркость цветов переднего плана и фона. Относительная яркость вычисляется из значений sRGB с использованием стандартной формулы гамма-коррекции. Коэффициент варьируется от 1:1 до 21:1.
Часто задаваемые вопросы
Какой коэффициент контрастности считается проходным?
WCAG AA требует 4.5:1 для обычного текста и 3:1 для крупного. AAA требует 7:1 для обычного текста и 4.5:1 для крупного.
Что считается крупным текстом?
Крупный текст — 18pt (24px) или больше, или 14pt (18.66px) жирный или больше.
Полезные статьи
Похожие инструменты
Выбор цвета и конвертер
Выбирайте цвета и конвертируйте между форматами HEX, RGB, HSL и HSV
Конвертер HEX в RGB
Конвертируйте HEX-коды цветов в значения RGB и RGBA
Конвертер RGB в HEX
Конвертируйте значения RGB в HEX-коды
Генератор цветовых палитр
Создавайте цветовые палитры из базового цвета — комплементарные, аналоговые, триадные и другие
Генератор хеш-цвета
Генерируйте согласованные, детерминированные цвета из любой текстовой строки
Генератор CSS-градиентов
Создавайте красивые CSS-градиенты визуально с несколькими цветовыми остановками