Toolipedia Встроить
RU
← Все инструменты для текста

Проверка контрастности цветов

Проверьте цвета текста и фона по WCAG AA/AAA и получите ближайшие подходящие цвета.

  • Бесплатно
  • Без регистрации
  • Работает на любом устройстве

Около Проверка контрастности цветов

Проверьте пару «текст и фон» по коэффициентам контрастности WCAG. Обычному тексту нужно не менее 4,5:1 для AA и 7:1 для AAA, крупному тексту — 3:1 для AA. Если пара не проходит, инструмент предложит ближайшие цвета, которые проходят, так что внешний вид сохранится, а читаемость улучшится.

Как пользоваться инструментом «Проверка контрастности цветов»

  1. Введите цвет текста и цвет фона.
  2. Посмотрите коэффициент контраста и результаты AA и AAA.
  3. Используйте предложенные ближайшие цвета, которые проходят проверку.

Чем полезен этот инструмент?

Другие названия

Частые вопросы

Какой коэффициент контрастности требует WCAG AA?

4,5 к 1 для обычного текста и 3 к 1 для крупного, то есть 18 пунктов или 14 пунктов полужирным и больше.

Ниже ли требование для крупного текста?

Да. WCAG допускает меньшее соотношение для крупного текста, так как он легче читается. Инструмент показывает результат и для обычного, и для крупного текста.

Применяются ли правила к логотипам и декору?

Правила контраста текста WCAG, как правило, не распространяются на логотипы или чисто декоративный текст. Они применяются к тексту, который людям нужно читать.

Инструмент «Проверка контрастности цветов» бесплатный?

Да. Инструмент «Проверка контрастности цветов» на Toolipedia бесплатный: без регистрации и водяных знаков.

Это безопасно?

Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.

Работает ли это на телефоне?

Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.

Нужна ли учётная запись?

Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.

Можно ли разместить Проверка контрастности цветов на моём сайте?

Да. Нажмите кнопку «Встроить на свой сайт» под инструментом, чтобы скопировать короткий фрагмент кода и вставить его на страницу. Это бесплатно, аккаунт не нужен, и инструмент продолжает работать внутри вашей страницы.

Похожие инструменты