Инструменты для проверки контраста онлайн

Находит типовые проблемы WCAG 2.1 в HTML, страницах или макетах и возвращает рекомендации по исправлению

Создает тепловую карту доступности по скриншоту или HTML и предлагает патч-цвета

Проверяет пары цветов по WCAG 2.1 AA и AAA и предлагает корректировки

Проверяет коэффициенты контрастности цветов на соответствие WCAG

Проверка контрастности цветов и соответствия WCAG для доступности

Загружает удаленное изображение по URL, извлекает доминирующие цвета, экспортирует готовые для кода файлы палитры и показывает контраст

Создавайте более темные вариации цвета путем добавления черного, создавая богатые оттенки для глубины и контраста в дизайне

Создать гармоничный контраст с разделенными дополнительными цветовыми схемами, используя базовый цвет и два соседних цвета к его дополнению

Измеряет контраст WCAG, моделирует основные нарушения цветового зрения и помечает слабоконтрастные зоны.

Генерирует свойства CSS фильтров

Применение адаптивной эквализации гистограммы с ограничением контрастности для локального улучшения контрастности

Применяет режим смешивания цветовое затемнение между двумя изображениями для драматического затемнения и интенсивных цветовых эффектов

Загружает изображение, извлекает доминирующие цвета и экспортирует токены для кода с проверкой контраста

Настройка уровней контрастности изображения с точным контролем для улучшения четкости

Применить эффект Cross-Process, который симулирует обработку пленки с уникальными цветовыми кривыми и улучшением контрастности

Настройка экспозиции изображения для имитации компенсации экспозиции камеры для управления яркостью и контрастностью

Применяет режим смешивания жесткий свет между двумя изображениями для сильного, интенсивного контраста и ярких эффектов

Применяет линейное преобразование (a * input + b) для настройки уровней изображения, яркости и контрастности

Нормализуйте гистограмму изображения для улучшения контрастности путем растяжения диапазона интенсивности (британская орфография)

Нормализуйте гистограмму изображения для улучшения контрастности путем растяжения диапазона интенсивности

Применяет режим наложения между двумя изображениями для улучшения контрастности и создания драматических эффектов

Применяет режим смешивания мягкий свет между двумя изображениями для нежного, тонкого улучшения контраста

Создавайте яркие, светящиеся неоновые цвета с высокой насыщенностью и яркостью, создавая привлекающие внимание эффекты электрического света, идеальные для цифровых дисплеев и современного дизайна

Введите HEX, выберите схему именования (шкала 50–950 / одно имя / вложенность) — генерирует фрагмент theme.extend.colors для tailwind.config.ts с уровнями WCAG AA/AAA. Тёмная тема опциональна.