Проверка контраста цветов
Проверьте, читается ли текст на фоне: коэффициент контраста WCAG и результаты AA и AAA. Если проверка не пройдена, получите ближайший подходящий цвет.
Работает в браузере. Файлы никогда не загружаются и не хранятся.
Пример крупного текста
Так выглядит обычный текст в этих цветах.
коэффициент контраста
- AA, обычный текст ≥ 4.5:1
- AA, крупный текст ≥ 3:1
- AAA, обычный текст ≥ 7:1
- AAA, крупный текст ≥ 4.5:1
- Значки и кнопки ≥ 3:1
Что-то не работает или не хватает функции?
Как пользоваться: Проверка контраста цветов
- Выберите или введите цвета текста и фона.
- Посмотрите коэффициент контраста и пройденные уровни.
- Если не пройдено, используйте предложенный цвет.
Вопросы
На какой уровень ориентироваться?
AA — обычный юридический и дизайнерский стандарт: 4,5:1 для обычного текста и 3:1 для крупного. AAA строже.
Мои файлы загружаются?
Нет. Инструмент работает в браузере, а странице запрещено куда-либо отправлять данные. Проверьте, отключив интернет: всё продолжит работать.
Компоненты с открытым кодом
Этот инструмент использует только возможности вашего браузера: никакого стороннего кода.