Color Contrast Calculator (WCAG Checker) Working with data
Copied!
Sample text
This is what the text looks like with the current contrast
--:1 --
...
Background Color
HEX
RGB
HSL
Text Color
HEX
RGB
HSL

Color Contrast Calculator (WCAG Checker)

Калькулятор контрастности цветов онлайн

Наш инструмент помогает веб-дизайнерам и разработчиकों проверять сочетание цветов на соответствие стандартам доступности WCAG 2.1. Введите HEX-коды текста и фона в форму выше, чтобы узнать точный коэффициент контрастности (Contrast Ratio) и получить рекомендации по улучшению читабельности.

Пример Текста
The quick brown fox jumps over the lazy dog.
Коэффициент (Ratio)
21 : 1
Итоговая оценка
Идеально (AAA)

Детальный отчет по стандартам (WCAG 2.1)

Глобальный стандарт Web Content Accessibility Guidelines (WCAG) устанавливает жесткие правила для веб-интерфейсов.

Обычный текст (~16px)
Требуется ratio ≥ 4.5
✓ PASS (AA)
Обычный текст (Строгий)
Требуется ratio ≥ 7.0
✓ PASS (AAA)
Крупный текст (от 24px)
Требуется ratio ≥ 3.0
✓ PASS (AA)
Крупный текст (Строгий)
Требуется ratio ≥ 4.5
✓ PASS (AAA)
ℹ️ Для справки: Уровень AA — это минимальный стандарт, требуемый законом в большинстве стран. Уровень AAA — золотой стандарт для специализированных сайтов (гос. органы, медицина).

Сравнить с другими фонами

Посмотрите, как текст цвета #FFFFFF выглядит на популярных базовых оттенках:

Подобрать другой цвет текста

Альтернативные цвета шрифта для текущего фона #000000:

Calculators