Проверка контраста цветов
ГотовБесплатно рассчитайте контраст WCAG двух цветов и проверьте пороги AA и AAA с предпросмотром.
Все инструменты бесплатны. Ограничения размера файлов и обработки зависят от инструмента.
Контраст:
AA · Обычный текст (≥ 4.5:1)
AA · Крупный текст (≥ 3:1)
AAA · Обычный текст (≥ 7:1)
AAA · Крупный текст (≥ 4.5:1)
AA · Элементы интерфейса и графика (≥ 3:1)
Крупный текст: от 18 pt (24 px) или 14 pt полужирного (около 18,67 px).
Предпросмотр
Вам удобно читать этот текст?
Вам удобно читать этот текст?
Как использовать
Выберите два цвета или введите HEX-коды. Поменяйте их для обратной темы. Вариант чёрный/белый выбирает из этих двух больший контраст с фоном.
Расчёт выполняется в браузере, решение принимается без округления. Один тест цветов не доказывает соответствие WCAG; фоновые изображения и прозрачность не проверяются.
Доступность веб-сайтов: WCAG, ARIA и инклюзивный дизайнКак использовать
Выберите два цвета или введите HEX-коды. Поменяйте их для обратной темы. Вариант чёрный/белый выбирает из этих двух больший контраст с фоном. Расчёт выполняется в браузере, решение принимается без округления. Один тест цветов не доказывает соответствие WCAG; фоновые изображения и прозрачность не проверяются.
Инструменты браузера хранят файлы на вашем устройстве. Продвинутые инструменты загружают файлы для временной обработки на сервере; каждый инструмент предупреждает об этом до загрузки. Веб-запросы отправляются на сервер и в публичные справочные службы.
Практические статьи по теме
Белый текст на зелёной кнопке: сначала измерьте контраст
Зелёная кнопка привлекает внимание, но белая надпись не обязательно удобна для чтения.
Реализация Dark Mode: CSS, JavaScript и системные предпочтения
Dark mode снижает нагрузку на глаза и продлевает время работы батареи.
Доступность веб-сайтов: WCAG, ARIA и инклюзивный дизайн
Доступность веб-сайтов гарантирует, что люди с инвалидностью могут использовать сайты.
Похожие инструменты
Генератор QR-кодов
Создайте QR-код из ссылки или текста. Добавьте логотип, цвета, точки и рамку; скачайте статический QR в PNG или SVG и проверьте телефоном.
Чтение QR-кодов
Расшифруйте QR-код на изображении и получите текст или ссылку. Обработайте фото или скриншот в браузере и проверьте адрес перед открытием.
Генератор паролей
Создавайте случайные пароли для новых аккаунтов. Настройте параметры под свои задачи; сгенерированные пароли не отправляются на сервер для обработки.
Генератор штрихкодов
Создайте штрихкод EAN-13, CODE 39 или CODE 128 и сохраните его как SVG.
DNS-запрос
Запросите публичные DNS-записи A, AAAA, MX, TXT и другие.
Проверка IP
Посмотрите данные о распределении и регистрации публичного IP через RDAP.