Комплексный коммерческий дизайн — соц. сети, маркетплейсы, портфолио
Симулятор дальтонизма онлайн
Симулятор дальтонизма показывает, как ваше фото или макет видят люди с нарушением цветовосприятия — и какие цвета сливаются.
Симулятор дальтонизма
Загрузите фотографию, иллюстрацию или скриншот — и посмотрите, как их видят люди с нарушением цветовосприятия. Инструмент показывает семь вариантов зрения и находит цвета, которые сливаются. Всё считается в браузере, файл не уходит на сервер.
Загрузите изображение — оно появится во всех вариантах восприятия сразу.
Плитка «Ахроматопсия» работает и как проверка в чёрно-белом: если объекты различались только цветом, здесь они станут одинаковыми.
Восемь процентов мужчин видят цвета иначе. Это каждый двенадцатый. Симулятор дальтонизма показывает, как выглядит ваша фотография, иллюстрация или интерфейс их глазами. И находит цвета, которые для них сливаются в один.
Как пользоваться инструментом?
- Нажмите «Загрузить изображение». Или перетащите файл на холст. Или вставьте скриншот через Ctrl + V.
- Нет картинки под рукой? Нажмите «Открыть пример».
- Вкладка «Обзор» покажет семь вариантов зрения сразу.
- Вкладка «Сравнение» даст один тип на большом холсте со шторкой «до/после».
- Вкладка «Аудит цветов» найдёт конкретные пары цветов, которые перестают различаться.
Дальше — по задаче. Хотите просто посмотреть? Оставайтесь на «Обзоре». Проверяете свой дизайн? Идите в «Аудит».
Обзор: семь типов зрения на одном экране
Восемь плиток. Оригинал плюс семь вариантов восприятия.
Под каждой плиткой стоит вердикт. Инструмент считает среднее отклонение цвета и пишет: искажение слабое, заметное, сильное или критическое. Рядом — точное число ΔE.
Что вы увидите:
- Дейтеранопия — нет M-колбочек. Красный и зелёный сливаются. Около 1% мужчин.
- Протанопия — нет L-колбочек. Красный темнеет и уходит в бурый. Тоже около 1%.
- Тританопия — нет S-колбочек. Синий путается с зелёным. Крайне редко.
- Дейтераномалия — самая частая форма. Колбочки работают, но со сдвигом. До 5% мужчин.
- Протаномалия — ослабленные L-колбочки.
- Тританомалия — редкая сине-жёлтая аномалия.
- Ахроматопсия — цвета нет вообще. Один человек на тридцать тысяч.
Последняя плитка полезна всем. Это проверка в чёрно-белом. Если два элемента отличались только цветом — здесь они станут одинаковыми.
Кнопка «Скачать сравнение PNG» собирает все восемь вариантов в один файл с подписями. Готовый слайд для презентации или письма клиенту.
Сравнение: шторка и пипетка
Выберите тип нарушения. Возьмитесь за круглую ручку в центре и тяните. Слева останется оригинал, справа — симуляция.
Ползунок «Степень» — важная деталь, которой нет в большинстве похожих сервисов. Дихромазия при 100% встречается редко. Гораздо чаще люди живут с аномалией: колбочки работают, но со сдвигом чувствительности. Поставьте 40–70% и увидите более реалистичную картину.
Кликните по изображению — сработает пипетка. Она покажет два свотча: цвет в норме и цвет после симуляции. С HEX-кодами и величиной сдвига.
Кнопка «Скачать PNG» рендерит результат в полном разрешении оригинала.
Аудит цветов: главная функция
Обычный симулятор просто перекрашивает картинку. Вы видите, что стало иначе. Но не понимаете, что именно сломалось.
Аудит отвечает на этот вопрос прямо.
Перейдите на вкладку — палитра извлечётся из вашего изображения автоматически. Кнопка подсветится и подпишется «Взято из изображения». Хотите проверить свои цвета? Нажмите «Базовые цвета» или правьте свотчи вручную. Кнопка «+ Цвет» добавит новый, до десяти штук.
Инструмент перебирает все пары и ищет коллизии. Коллизия — это когда два цвета в норме явно разные, а при дальтонизме становятся почти одинаковыми.
По каждому из пяти типов нарушения выводится вердикт: конфликтов нет, есть риск или критично. Ниже — список конкретных пар. С реальными цветами после симуляции, значениями ΔE до и после, пометкой опасных.
Отдельный блок — проверка пары цветов. Задайте два оттенка и получите коэффициент контраста по WCAG плюс различимость при каждом типе нарушения.
Отчёт для клиента
Спорить о цвете тяжело. Аргумент работает лучше вкуса.
Кнопка «Скопировать отчёт» кладёт в буфер готовый текст. Палитра, вердикты, список конфликтов, рекомендация. Вставляйте в письмо или в переписку.
Кнопка «Скачать аудит PNG» собирает то же самое в картинку. Свотчи с HEX-кодами, карточки вердиктов, конфликтующие пары. Кладите в презентацию.
Что делать с найденными проблемами
Правило простое: цвет не должен быть единственным признаком.
- Кнопки — добавьте иконки или разную форму.
- Статусы — подпишите текстом.
- График — используйте штриховку или прямые подписи.
- Ссылки — оставьте подчёркивание.
- Ошибки в форме — дублируйте текстом, а не только красной рамкой.
Это не усложняет дизайн. Это делает его понятным без догадок.
Модель расчёта
Инструмент использует матрицы Machado, Oliveira & Fernandes (2009). Преобразование идёт в линейном RGB, а не в sRGB напрямую — иначе яркость поплывёт.
Эта модель точнее старого метода Brettel—Viénot на неполных формах нарушения. Именно поэтому здесь работает ползунок степени.
Любая симуляция — приближение. Реальное восприятие индивидуально даже при одном диагнозе. Этот Инструмент показывает направление проблемы, а не фотографию чужого зрения.
Всё работает офлайн
Изображение не покидает ваш компьютер. Обработка идёт через Canvas API средствами браузера.
Отсюда следствия. Нет очереди. Нет лимита на число файлов. Нет регистрации и подписки. VPN не требуется. Страница работает даже без интернета, если уже открыта.
Добавьте страницу в закладки
Проверка на дальтонизм нужна не каждый день. Но когда нужна — искать её заново неприятно.
Нажмите Ctrl + D. Или перетащите вкладку на панель закладок. Симулятор дальтонизма будет под рукой: без рекламы, без регистрации, без загрузки файлов на чужой сервер.
Другие бесплатные инструменты для дизайнеров и фотографов:
Генератор полутона — типографский растр, дизеринг и эффект ризографа.
Генератор шума — плёночное зерно и зернистые градиенты в CSS, SVG и PNG.
Проверка контраста — расчёт коэффициента контрастности по WCAG 2.1.
Калькулятор пропорций холста — соотношение сторон, сантиметры в пиксели.
Генератор ТЗ — брифы и идеи для портфолио за 10 секунд.
Все онлайн-инструменты на сайте доступны на странице https://vitalydsgn.ru/tools
Обновления:
25.08.2026: Версия 1.0.0. Релиз
О сайте
Индивидуальный коммерческий дизайн «под ключ» — соц, сети, уникальные обложки, маркетплейсы и портфолио.
© Copyrights, 2026. Все права защищены