Перейти к содержимому

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

Бесплатный онлайн-инструмент проверки контрастности. Измерение коэффициента контрастности по WCAG AA/AAA. Проверка веб-доступности. Обработка в браузере.

Free online color contrast checker that tests contrast ratios between two colors against WCAG 2.1 accessibility standards (AA, AAA). All processing in your browser — no server communication. Essential for web accessibility compliance and UI design validation.

Передний план
Фон
21.00:1
Коэффициент контраста
Обычный текст
AA (4.5:1)Пройден
AAA (7:1)Пройден
Крупный текст
AA (3:1)Пройден
AAA (4.5:1)Пройден
Предпросмотр

Съешь ещё этих мягких французских булок да выпей чаю 1234567890

Съешь ещё этих мягких французских булок да выпей чаю 1234567890

lock Файлы не отправляются на сервер

Как использовать Проверка контрастности цветов?

  1. Enter foreground (text) and background colors.
  2. Check the contrast ratio and WCAG grade (AA/AAA).
  3. Adjust colors as needed to meet standards.

Часто задаваемые вопросы о Проверка контрастности цветов

What is the difference between WCAG AA and AAA?

AA requires 4.5:1 for normal text and 3:1 for large text. AAA is stricter at 7:1 and 4.5:1 respectively.

What if my contrast ratio doesn't pass?

Adjust colors lighter or darker to increase contrast. The tool shows results in real time as you adjust.