Калькулятор контрастности WCAG
Рассчитайте относительный контраст по WCAG 2.1 между цветом текста и фона и проверьте соответствие уровням AA и AAA для обычного и крупного текста.
Как использовать калькулятор контрастности wcag
- Введите цвет текста в формате hex (#rrggbb).
- Введите цвет фона в том же формате.
- Нажмите «Рассчитать», чтобы увидеть контраст и статусы AA/AAA.
Примеры использования
- •Проверка токенов дизайн-системы при брендинге.
- •Аудит доступности существующего интерфейса.
- •Контроль текста поверх изображений.
Формула
Отношение = (L1 + 0,05) / (L2 + 0,05), где L1 — большая, а L2 — меньшая относительная яркость. Упрощённая светлота: 0,2126·R + 0,7152·G + 0,0722·B по 0–1 в sRGB.
Часто задаваемые вопросы
Почему AA — минимальный уровень?
Уровень AA WCAG 2.1 закреплён в большинстве регуляторных норм (EN 301 549, Section 508, судебная практика по ADA). AAA — идеал для длинных текстов.
Что считается крупным текстом?
Крупный — от 18 pt (24 px) обычного начертания или 14 pt (18,66 px) жирного. Всё остальное — обычный текст, ему нужен контраст ≥ 4,5:1.
Точна ли упрощённая формула?
Для большинства пар в sRGB она даёт тот же вердикт AA/AAA, что и полная. В пограничных случаях сверяйтесь с официальной формулой WCAG или APCA.