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.
Детальный отчет по стандартам (WCAG 2.1)
Глобальный стандарт Web Content Accessibility Guidelines (WCAG) устанавливает жесткие правила для веб-интерфейсов.
Больше по теме: Working with data
LoadingModern AAA projects weigh more and more, and the figure of 100-150 GB no longer surprises anyone.
Online radioToday we no longer need cassettes or flash drives to listen to our favorite artists. Just open a browser or application on your smartphone, and music will flow from the speakers. But online broadcasts have one feature - they consume mobile traffic.
IP🌐 What have we learned about you? As soon as you opened this page, our script automatically detected your public IP address and technical data. You don’t need to click anything—the information is already on the screen. Why is this necessary?
Обычный текст (~16px)
Требуется ratio ≥ 4.5
Требуется ratio ≥ 4.5
✓ PASS (AA)
Обычный текст (Строгий)
Требуется ratio ≥ 7.0
Требуется ratio ≥ 7.0
✓ PASS (AAA)
Крупный текст (от 24px)
Требуется ratio ≥ 3.0
Требуется ratio ≥ 3.0
✓ PASS (AA)
Крупный текст (Строгий)
Требуется ratio ≥ 4.5
Требуется ratio ≥ 4.5
✓ PASS (AAA)
ℹ️ Для справки: Уровень AA — это минимальный стандарт, требуемый законом в большинстве стран. Уровень AAA — золотой стандарт для специализированных сайтов (гос. органы, медицина).
Сравнить с другими фонами
Посмотрите, как текст цвета #FFFFFF выглядит на популярных базовых оттенках:
Подобрать другой цвет текста
Альтернативные цвета шрифта для текущего фона #000000: