Проверка контрастности цветов
Проверьте контрастность цветов для соответствия стандартам доступности WCAG
Ввод цветов
Настройки текста
16px
Обычный текст
Примеры цветовых пар
Предпросмотр
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
The quick brown fox jumps over the lazy dog.
О стандартах WCAG
Уровни соответствия
- • Уровень A - минимальный уровень
- • Уровень AA - рекомендуемый стандарт
- • Уровень AAA - повышенный стандарт
- • Большинство сайтов стремятся к уровню AA
Требования к контрасту
- • Обычный текст: 4.5:1 (AA), 7:1 (AAA)
- • Крупный текст: 3:1 (AA), 4.5:1 (AAA)
- • UI элементы: 3:1 (AA)
- • Крупный текст: 18px+ или 14px+ bold
Почему это важно
- • Доступность для слабовидящих
- • Читаемость при ярком освещении
- • Снижение нагрузки на глаза
- • Юридические требования
Похожие инструменты
Другие полезные инструменты из той же категории
Конвертер цветов
Конвертируйте цвета между HEX, RGB, HSL, CMYK, LAB и другими цветовыми моделями
color
converter
+4
Генератор CSS градиентов
Создавайте линейные, радиальные и конические градиенты с визуальным редактором
css
gradient
+4
Генератор CSS теней
Создавайте CSS тени с визуальным предпросмотром
css
box-shadow
+3