Color Contrast Checker
Check color contrast ratios for WCAG accessibility compliance
Color Input
Настройки текста
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
Почему это важно
- • Доступность для слабовидящих
- • Читаемость при ярком освещении
- • Снижение нагрузки на глаза
- • Юридические требования
Related Tools
Other useful tools from the same category
Color Converter
Convert colors between HEX, RGB, HSL, CMYK, LAB, and other color models
color
converter
+4
CSS Gradient Generator
Create linear, radial, and conic CSS gradients with visual editor
css
gradient
+4
CSS Box Shadow Generator
Generate CSS box-shadow with visual preview and multiple shadows
css
box-shadow
+3