Инструменты › Дизайн
Проверка контраста цветов
Проверяйте цвета текста и интерфейса по WCAG 2.2 AA и AAA, берите цвета с экрана или макета и получайте ближайший проходящий оттенок.
Крупный текст 24px
Основной текст размером 16px должен оставаться читаемым для всех, включая людей со слабым зрением.
2.21:1
✗ AA текст✗ AA крупный✗ AAA текст✗ AAA крупный✗ Интерфейс и иконки
Ближайший цвет текста, проходящий AA: #B4610B
Взять цвета с макета
Как это работает
- Контраст считается по формуле относительной яркости WCAG и округляется вниз, как это делают аудиторы.
- Подсказка сохраняет тон и насыщенность вашего цвета и меняет только светлоту.
Вопросы
Что считается крупным текстом?
От 24 px обычного начертания или от 18,66 px полужирного. Для AA ему нужно 3:1 вместо 4,5:1.