Симулятор дальтонизма

Посмотрите на ваше изображение глазами человека с нарушением цветового зрения. Выберите тип, предпросмотрите и скачайте результат. Всё работает в вашем браузере.

Как работает Симулятор дальтонизма

Симулятор цветовой слепоты применяет матрицы цветовых преобразований к вашему изображению, чтобы показать, как оно выглядит для людей с протанопией (слепота на красный), дейтеранопией (слепота на зелёный), тританопией (слепота на синий) или ахроматопсией (полная цветовая слепота). Матрицы применяются попиксельно с помощью Canvas.getImageData() и Canvas.putImageData() в браузере. Никакие данные изображения не передаются на сервер.

Симуляции основаны на опубликованных перцептивных моделях, полученных из исследований нарушений цветового зрения. Это приближения того, как зрительная система человека с нарушениями обрабатывает цвет, а не точные воспроизведения индивидуального опыта, который варьируется. Инструмент предназначен для помощи дизайнерам и разработчикам в выявлении проблем контрастности или цветового кодирования, которые затронут значительную часть их аудитории: около 8% мужчин и 0,5% женщин имеют ту или иную форму нарушения цветового зрения.

Автор: Bastien Sulyan

Симулятор дальтонизма: пошаговая инструкция

Перетащите изображение в область загрузки или нажмите для выбора файла.
Выберите тип нарушения цветового зрения в меню: протанопия, дейтеранопия, тританопия или ахроматопсия.
Посмотрите симулированный результат рядом с оригиналом в панели сравнения.
Переключайтесь между типами симуляции, чтобы сравнить, как каждое состояние влияет на изображение.
Используйте вид рядом, чтобы выявить области, где только цвет передаёт информацию, которая может быть потеряна.

Частые сценарии использования

Дизайнер интерфейса проверяет, различим ли индикатор статуса «красный/зелёный» для пользователей с дейтеранопией перед выпуском функции.
Автор визуализации данных проверяет, что многолинейный график с цветовыми кодами серий остаётся читабельным в симуляции протанопии.
Бренд-дизайнер оценивает, как логотип с градиентными цветами выглядит при ахроматопсии, чтобы убедиться, что он сохраняет узнаваемую форму и контраст.
Разработчик игр проверяет, различимы ли цветовые зоны карты для игроков с тританопией, и добавляет узорную заливку как дополнение к цветовому кодированию.

Часто задаваемые вопросы

Насколько точны симуляции цветовой слепоты?

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

Охватывает ли инструмент все типы цветовой слепоты?

Четыре рассматриваемых типа являются наиболее распространёнными формами нарушения цветового зрения и полной цветовой слепоты. Типы аномальной трихромазии (протаномалия, дейтераномалия, тританомалия), представляющие частичные нарушения, в текущей версии отдельно не моделируются.

Анализируется ли изображение на сервере для создания симуляции?

Нет. Преобразование цветовой матрицы вычисляется локально с помощью Canvas.getImageData() для чтения массива пикселей и Canvas.putImageData() для записи результата. Вся обработка происходит внутри вкладки браузера, и данные изображения остаются на устройстве.

Можно ли использовать этот инструмент для проверки коэффициентов цветового контраста?

Этот инструмент показывает, как цвета выглядят для людей с нарушениями цветового зрения, но не вычисляет коэффициенты контраста WCAG численно. Для численной проверки контраста используйте инструмент «Конвертер цветов», который включает проверку контраста WCAG.

Работает ли инструмент с изображениями, содержащими текст?

Да. Преобразование применяется ко всему массиву пикселей, включая любой текст, отрисованный на изображении. Это позволяет проверить, остаётся ли цвет текста на его фоне читабельным в каждом симулированном состоянии.