ContrastChecker.com
Бесплатный тарифБесплатный онлайн-инструмент для проверки цветового контраста по стандартам WCAG AA и AAA. Считает коэффициент, оценивает обычный и крупный текст, показывает цвета в оттенках серого для теста на дальтонизм. Для дизайнеров и разработчиков.
Основная информация
Технические характеристики
- Платформы
- Веб-браузер (онлайн, без установки)
- Модель оплаты
- Бесплатно, без регистрации
- Ввод цвета
- HEX, цветовая палитра, пипетка из изображения
- Уровни WCAG
- AA и AAA — для обычного и крупного текста (18pt)
- Диапазон контраста
- от 1:1 до 21:1
- Разница цветов
- Метрика Color Difference (разница цветов)
- Симуляция дальтонизма
- Просмотр в оттенках серого (тест на дальтонизм)
- Форматы экспорта
- PDF (сохранение истории проверок)
Тарифы ContrastChecker.com
Бесплатно
Без ограничений
- ✓Проверка контраста без ограничений и регистрации
- ✓Оценка по WCAG AA и AAA для обычного и крупного текста
- ✓Коэффициент контраста от 1:1 до 21:1
- ✓Пипетка цвета из загруженного изображения
- ✓Просмотр в оттенках серого (тест на дальтонизм)
- ✓История проверок и сохранение отчёта в PDF
| Тариф | Цена |
|---|---|
| Бесплатно | Бесплатно |
Обзор ContrastChecker.com
Что такое ContrastChecker.com?
ContrastChecker.com — бесплатный онлайн-инструмент для проверки цветового контраста на соответствие стандартам WCAG (Web Content Accessibility Guidelines). Достаточно указать цвет текста и цвет фона, чтобы сразу увидеть коэффициент контраста и статусы прохождения уровней AA и AAA. Регистрация не нужна, число проверок не ограничено.
Инструмент создан для дизайнеров и разработчиков, которые следят за доступностью интерфейсов. Стандарт WCAG задаёт минимальный контраст между текстом и фоном, чтобы контент оставался читаемым, в том числе для людей с нарушениями зрения. Расчёты в сервисе выполняются по формулам контраста, описанным консорциумом W3C.
Ключевые возможности ContrastChecker.com
Расчёт контраста и оценка по WCAG
- Коэффициент контраста в диапазоне от 1:1 до 21:1 в реальном времени
- Отдельные статусы AA, AAA, AA18pt и AAA18pt — для обычного и крупного текста
- Дополнительная метрика Color Difference (разница цветов) помимо коэффициента
- Живой предпросмотр текста на выбранном фоне при 12px и 18px
Ввод и подбор цветов
- Ввод цвета в формате HEX или выбор через палитру
- Пипетка достаёт цвет прямо из загруженного изображения
- Быстрая смена местами цвета текста и фона
Дальтонизм и отчёты
- Просмотр свотча в оттенках серого — тест на восприятие при дальтонизме
- История проверок: добавление цветовых пар в список со статусами Pass/Fail
- Сохранение истории в PDF и шеринг свотча или списка по ссылке
Для кого подходит ContrastChecker.com?
- UI/UX-дизайнеры — проверка доступности цветовых решений в макетах
- Фронтенд-разработчики — соответствие вёрстки требованиям WCAG
- Специалисты по доступности — аудит цветового контраста на сайтах
Плюсы и минусы ContrastChecker.com
+Преимущества
- ✓Полностью бесплатный, без регистрации и лимитов на число проверок
- ✓Мгновенный результат: коэффициент и статусы Pass/Fail для AA и AAA в реальном времени
- ✓Пипетка достаёт цвет прямо из загруженного изображения
- ✓Режим оттенков серого показывает восприятие цветов при дальтонизме
- ✓История проверок с экспортом отчёта в PDF и шерингом по ссылке
−Недостатки
- ✗Интерфейс только на английском языке
- ✗Нет интеграций с Figma, браузерных расширений и публичного API
- ✗Проверяет контраст пары «цвет на цвете», не сканирует контраст на реальной странице
- ✗Сайт давно не обновлялся — копирайт в футере датирован 2017 годом
Сценарии использования ContrastChecker.com
Аудит доступности интерфейса
Проверка цветовых пар текста и фона на соответствие WCAG AA/AAA перед релизом дизайна или вёрстки.
Подбор читаемых цветов
Выбор сочетания цвета текста и фона с достаточным коэффициентом контраста для обычного и крупного текста.
Проверка на дальтонизм
Просмотр цветовой пары в оттенках серого, чтобы оценить читаемость для пользователей с нарушением цветовосприятия.
Извлечение цветов из макета
Пипетка достаёт цвета прямо из загруженного изображения или скриншота, чтобы сразу проверить их контраст.
Отчёт о контрасте для команды
Сбор проверенных пар в историю и сохранение отчёта в PDF для передачи дизайнерам или заказчику.
Доверие и масштаб
Отзывы о ContrastChecker.com
Поделитесь опытом использования
Помогите другим сделать правильный выбор — ваш отзыв будет полезен
Часто задаваемые вопросы о ContrastChecker.com
?ContrastChecker.com бесплатный?
Да, инструмент полностью бесплатный и работает без регистрации. Все функции — расчёт коэффициента контраста, оценка по WCAG AA и AAA, пипетка из изображения, режим оттенков серого, история проверок и сохранение отчёта в PDF — доступны бесплатно и без ограничений.
?Что такое WCAG AA и AAA?
WCAG AA требует коэффициент контраста минимум 4.5:1 для обычного текста и 3:1 для крупного. AAA — более строгий уровень: 7:1 для обычного и 4.5:1 для крупного текста. Чем выше уровень, тем лучше читаемость для людей с нарушениями зрения.
?Как проверить контраст цветов?
Введите HEX-код цвета текста и цвета фона (или возьмите цвет пипеткой из загруженного изображения). Коэффициент контраста и статусы AA, AAA, AA18pt и AAA18pt рассчитаются автоматически, а рядом появится живой предпросмотр текста на фоне.
?Какой минимальный контраст нужен для сайта?
Для соответствия WCAG уровня AA (рекомендуемый минимум) коэффициент контраста должен быть не менее 4.5:1 для обычного текста и 3:1 для крупного текста (от 18pt или 14pt жирного).
?Как проверить цвета на восприятие при дальтонизме?
Нажмите «See Grayscale» над областью свотча — цветовая пара покажется в оттенках серого. Так можно оценить, останется ли текст читаемым для пользователей с нарушением цветовосприятия.
?Можно ли сохранить результаты проверок?
Да. Добавьте проверенные цветовые пары в History и сохраните список отчётом в PDF либо поделитесь отдельным свотчем или всей историей по ссылке. Эти функции бесплатны.
?Кто разработал ContrastChecker.com?
Инструмент создан канадским креативным агентством Acart Communications (Оттава). Алгоритм расчёта контраста основан на формулах, описанных в рекомендациях по доступности WCAG консорциума W3C.
?Чем ContrastChecker.com отличается от других проверок контраста?
Помимо коэффициента контраста и статусов WCAG сервис показывает отдельную метрику Color Difference, позволяет брать цвет пипеткой из изображения, переключаться в оттенки серого для теста на дальтонизм и вести историю проверок с экспортом в PDF.
Обновлено: 13 июля 2026 г.