Контраст цветов
Проверка контраста для WCAG. Используйте Контраст цветов бесплатно онлайн без регистрации, с быстрым результатом и безопасной обработкой в браузере.
Ratio: 21:1
Образец текста для проверки читаемости
Соответствие WCAG
Контраст цветов помогает работать с цветами прямо в браузере.
Инструмент создан для дизайнеров, разработчиков и креаторов, которым нужны быстрые и надежные результаты.
Supported formats
How it works
Step 1
Откройте Контраст цветов
Step 2
Введите или импортируйте цвета
Step 3
Скопируйте, экспортируйте или используйте результат повторно
Распространённые ошибки
- Если не проверить контраст, читаемость может ухудшиться.
- Слишком много цветов усложняет использование палитры.
Советы профессионалов
- Храните основные цвета как CSS-переменные.
- Проверьте палитру в светлой и темной теме перед публикацией.
Privacy guaranteed: everything is processed locally in your browser.
По возможности обработка выполняется локально в браузере. Аккаунт не требуется.
Контраст цветов для ваших цветовых проектов
Проверка контраста для WCAG.
Контраст цветов без потери точности
Преобразования используют точные значения (HEX, RGB, HSL, OKLCH). Никакого визуального приближения — вы получаете цвет, верный вашему дизайну.
Контраст цветов бесплатно онлайн
Без регистрации и установки. Контраст цветов полностью бесплатен и работает в любом браузере. Бесплатный план включает 10 использований в день.
Контраст цветов быстро и безопасно
Обработка происходит прямо в браузере для максимальной скорости. Данные не отправляются на наши серверы — ваши цвета остаются приватными.
Контраст цветов для обмена и совместной работы
Экспортируйте результаты в HEX, RGB, HSL, CSS, JSON или копируйте одним кликом. Идеально для обмена цветовой палитрой с командой или документации design system.
Все наши инструменты для цвета
Извлекайте, конвертируйте, создавайте палитры, градиенты и контрасты WCAG в пару кликов.
Related tools
Руководства и уроки
Узнайте, как использовать наши инструменты с подробными руководствами.
color-contrast: практическое руководство по accessibility
Локализованное руководство по color-contrast: лучшие практики accessibility и частые ошибки.
color-contrast: практическое руководство по accessibility
Локализованное руководство по color-contrast: лучшие практики accessibility и частые ошибки.
color-contrast: практическое руководство по accessibility
Локализованное руководство по color-contrast: лучшие практики accessibility и частые ошибки.