Проверка контраста цветов
Убедитесь, что ваш текст читается всеми.
Выберите цвет текста и цвет фона, чтобы увидеть коэффициент контраста и соответствие уровням доступности WCAG 2: AA и AAA для обычного и крупного текста и минимум 3:1 для иконок и элементов управления. Предпросмотр показывает настоящий текст в этих цветах, а цвета можно поменять местами одним кликом.
Как проверить контраст цветов
- Шаг 1
Введите цвета текста и фона.
- Шаг 2
Посмотрите коэффициент контраста и результаты WCAG.
- Шаг 3
Меняйте цвета, пока не пройдут все нужные уровни.
Почему PhotoTools
Уровни WCAG 2
AA и AAA для обычного и крупного текста.
Живой предпросмотр
Настоящий текст в ваших цветах.
Любой формат
HEX, RGB, HSL или названия цветов.
Поддерживаемые форматы
Результат
- WCAG
Частые вопросы
Какой контраст нужен?
WCAG AA требует 4,5:1 для обычного текста и 3:1 для крупного (18 пт или 14 пт жирным) и элементов управления; AAA — 7:1 и 4,5:1.
Совпадает ли значение с другими сервисами?
Да. Используется формула относительной яркости WCAG 2 — та же, что в инструментах разработчика браузеров.
Это бесплатно?
Да. Браузерные инструменты PhotoTools бесплатны, без ограничений и работают без аккаунта.