Приватный инструмент визуальной доступности

Симулятор дальтонизма для изображений и интерфейсов

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

Обновлено 26 июля 2026 года

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

Что показывает этот симулятор дальтонизма?

Симулятор дальтонизма применяет к пикселям локального изображения три опубликованные матрицы преобразования для нарушений цветового зрения. Рядом с оригиналом он показывает приближения для протанопии, дейтеранопии и тританопии и позволяет смешивать результат от 0% исходного цвета до 100% полной матрицы. Симулятор дальтонизма помогает заметить различия, которые передаются только оттенком. Он не воспроизводит восприятие конкретного человека, не ставит диагноз и не подтверждает доступность интерфейса.

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

Один визуальный вопрос и четыре совмещённых ответа

Симулятор дальтонизма сохраняет одинаковые кадрирование, размер и исходные пиксели, поэтому сравнение касается цвета, а не изменившейся композиции.

  • Сравнивать детали без изменения композиции

    Каждый вариант в симуляторе дальтонизма использует один исходный Canvas. Черты персонажа, отметки графика, подписи, элементы управления и фоны остаются на местах, поэтому ослабленное различие легче обнаружить.

  • Оставлять приватную работу в браузере

    Симулятор дальтонизма декодирует PNG, JPEG и WebP через браузерные API. У инструмента нет конечной точки загрузки изображений, облачной библиотеки, учётной записи или серверного этапа обработки.

  • Экспортировать материал для проверки

    Симулятор дальтонизма создаёт подписанный PNG с оригиналом и тремя смоделированными видами. Команда может приложить его к проверке доступности, сохранив исходный файл отдельно.

Локальное сравнение изображений в браузере

Использовать симулятор дальтонизма

Загрузите PNG, JPEG или WebP размером до 12 МБ. Симулятор дальтонизма создаст четыре совмещённых Canvas без отправки изображения.

Локальная обработка
Перетащите изображение сюда

PNG, JPEG или WebP · до 12 МБ · вставка тоже работает

0% сохраняет исходные пиксели, 100% показывает полную матрицу. Это визуальная смесь, а не клиническая шкала.

Пример иллюстрации Toon ToneЧетыре совмещённых вида готовы.

ОригиналИсходное изображение без изменений
Подготавливаем изображение…Исходное изображение без изменений
ПротанопияПолная матрица протановой дихромазии
Подготавливаем изображение…Полная матрица протановой дихромазии
ДейтеранопияПолная матрица дейтановой дихромазии
Подготавливаем изображение…Полная матрица дейтановой дихромазии
ТританопияПолная матрица тритановой дихромазии
Подготавливаем изображение…Полная матрица тритановой дихромазии

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

Включить предпросмотр в проверку дизайна

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

1. Загрузить реальное состояние

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

2. Сравнить все три модели

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

3. Добавить признак помимо цвета

Если симулятор дальтонизма обнаружил различие только по оттенку, добавьте текст, значок, узор, контур, форму или позицию. Критерий W3C об использовании цвета требует сохранить смысл, а не сделать все смоделированные изображения одинаковыми.

4. Проверить реализованный интерфейс

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

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

Что означает каждый вариант

Симулятор дальтонизма использует три полные матрицы дихромазии из модели Мачадо, Оливейры и Фернандеша. Названия «красно-зелёный» и «сине-жёлтый» удобны, но не описывают полностью индивидуальное восприятие.

Виды симулятора дальтонизма, модель и практический вопрос
ВидМодельРаспространённое названиеВопрос проверки
ОригиналНеизменённые исходные пиксели sRGBЭталонный видКакие различия передают смысл до моделирования?
ПротанопияПолная матрица протановой дихромазииКрасно-зелёная группаСливаются ли красные акценты, предупреждения или детали?
ДейтеранопияПолная матрица дейтановой дихромазииКрасно-зелёная группаРазличимы ли зелёные состояния, ряды или черты персонажа?
ТританопияПолная матрица тритановой дихромазииСине-жёлтая группаРазличаются ли синие и жёлтые каналы без подписей?

Почему симуляция и контраст отвечают на разные вопросы

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

Симулятор дальтонизма особенно полезен для категориальных цветов. Команды, линии транспорта, игровые способности, точки состояния, области карты и ряды данных часто различаются оттенком, а не отношением переднего плана к фону. Проверяйте точный рабочий вид. Если две категории сближаются в симуляторе дальтонизма, палитру можно сохранить ради художественного замысла, но добавить прямую подпись, форму маркера, штрих линии, значок или пространственную группировку. Тогда цвет перестанет быть единственным визуальным способом передачи информации.

Toon Tone связывает симулятор дальтонизма с проверкой контраста, потому что для полноценного анализа обычно нужны оба. Сначала используйте симулятор дальтонизма, чтобы найти возможную потерю различимости во всём изображении. Затем измерьте текст, значки, элементы управления и важные границы, зависящие от пары переднего плана и фона. Ни один результат сам по себе не является сертификатом доступности. Вместе они дают более полезное подтверждение, чем зелёный значок или одно успешное отношение, ошибочно распространённое на весь продукт.

Как браузер создаёт локальную симуляцию

Сначала симулятор дальтонизма декодирует выбранный PNG, JPEG или WebP в текущей вкладке. Очень большие изображения уменьшаются до максимального рабочего измерения 1 100 пикселей, чтобы четыре Canvas оставались отзывчивыми; меньшие сохраняют декодированный размер. Каждый 8-битный канал sRGB переводится в линейный свет, умножается на опубликованную матрицу 3×3, ограничивается видимым диапазоном и кодируется обратно в sRGB. Прозрачность сохраняется, а три преобразования не изменяют исходный Canvas.

Регулятор силы в симуляторе дальтонизма — это визуальная смесь, а не клиническая шкала. При 0% преобразованные линейные каналы заменяются исходными. При 100% симулятор дальтонизма показывает полный результат выбранной матрицы. Промежуточные значения интерполируют два результата и помогают оценить устойчивость различия. В модели Мачадо есть более подробные данные о степени аномальной трихромазии, но интерфейс намеренно говорит о силе предпросмотра, чтобы один ползунок не выдавался за оценку физиологии человека.

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

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

Повторяемая проверка из пяти шагов

Используйте одну последовательность в симуляторе дальтонизма перед утверждением новой палитры, иллюстрации, диаграммы или состояния.

  1. 01

    симулятор дальтонизма: Зафиксировать реальное состояние с видимыми подписями, легендами, индикаторами фокуса и фоном.

  2. 02

    симулятор дальтонизма: Проверить протанопию, дейтеранопию и тританопию при 100% и в минимальном планируемом размере.

  3. 03

    симулятор дальтонизма: Найти смысловые различия только по цвету и добавить текст, форму, узор, значок или позицию.

  4. 04

    симулятор дальтонизма: Измерить важные пары переднего плана и фона проверкой контраста, а не делать вывод по симуляции.

  5. 05

    симулятор дальтонизма: Экспортировать PNG с четырьмя видами, записать изменение и повторить проверку после реализации.

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

Что подтверждают источники — и чего не подтверждают

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

  • Национальный институт глаза США сообщает, что нарушение цветового зрения есть примерно у 1 из 12 мужчин; публичная рекомендация проверена 26 июля 2026 года. Национальный институт глаза США: дальтонизм
  • Руководство Adobe, обновлённое 16 мая 2021 года, оценивает мировую распространённость в 3–8% и приводит около 1 женщины из 200 для примера с европеоидной популяцией. Adobe: инструменты доступности цвета
  • Мачадо, Оливейра и Фернандеш опубликовали физиологическую модель в 2009 году; симулятор дальтонизма использует три полные матрицы протанопии, дейтеранопии и тританопии. Исправленная статья Мачадо и соавторов (2009)
  • Критерий WCAG 2.2 1.4.1 имеет уровень A и требует не использовать цвет как единственный визуальный способ передачи информации; симуляция находит риск, но одна не определяет соответствие. W3C: пояснение критерия 1.4.1

W3C формулирует цель девятью словами: Color is not the only way of distinguishing information.

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

Вопросы про симулятор дальтонизма

Этот симулятор дальтонизма является медицинским тестом?

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

Хороший результат доказывает доступность дизайна?

Нет. Симулятор дальтонизма может выявить слабые цветовые различия, но доступность зависит также от контраста, текста, формы, подписей, клавиатуры, масштаба, семантики и тестов с людьми. Сохраните результат как один элемент проверки.

Почему показаны три смоделированных вида?

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

Что означает регулятор силы?

Симулятор дальтонизма смешивает исходные линеаризованные пиксели sRGB при 0% с полным результатом матрицы при 100%. Промежуточные значения нужны для визуального сравнения и не оценивают медицинскую степень.

Сохраняются ли загруженные изображения?

Симулятор дальтонизма обрабатывает поддерживаемые изображения в текущей вкладке и не имеет точки загрузки. Закрытие или обновление удаляет рабочий Canvas. Скачанный PNG остаётся там, где его сохранил пользователь.