Что такое цветовой контраст?
Контрастное соотношение измеряет разницу яркости между текстом (передний план) и фоном по шкале от 1:1 (нет контраста) до 21:1 (черный на белом).
Этот инструмент преобразует цвета в sRGB, смешивает прозрачность перед сравнением и использует формулу относительной яркости WCAG.
Пороги WCAG
- AA: 4.5:1 для обычного текста, 3:1 для крупного текста.
- AAA: 7:1 для обычного текста, 4.5:1 для крупного текста.
- Крупный текст - это 18pt+ обычный или 14pt+ жирный.
- Элементы UI, иконки и графика должны стремиться минимум к 3:1.
Более высокие значения улучшают читаемость, особенно при тонких шрифтах или малых размерах.