Симулятор дальтонизма
Посмотрите, как любой цвет выглядит для людей с 8 типами нарушения цветовосприятия (CVD): протанопией, дейтеранопией, тританопией, протаномалией, дейтераномалией, тританомалией, ахроматопсией и ахроматомалией. Введите цвет в формате HEX и мгновенно сравните все типы CVD рядом с нормальным зрением. Нажмите на любой тип, чтобы увидеть подробное описание, статистику распространённости и точные смоделированные значения RGB. Полностью конфиденциально, 100 % бесплатно и без регистрации.
Sample Colors
How This Colour Looks Under Each CVD Type
Color Vision Deficiency Quick Reference
Зачем использовать наш симулятор дальтонизма?
- Мгновенная симуляция CVD: симулятор дальтонизма преобразует любой цвет сразу при каждом нажатии клавиши — никаких кнопок. Одновременно видно, как цвет выглядит при всех 8 типах нарушения цветовосприятия, а образцы обновляются в реальном времени.
- Поддержка 8 типов CVD: симулятор дальтонизма охватывает все основные типы нарушения цветовосприятия: протанопию, дейтеранопию, тританопию, протаномалию, дейтераномалию, тританомалию, ахроматопсию и ахроматомалию. Для каждого типа есть описание и статистика распространённости.
- 100 % конфиденциально, без загрузки файлов: вся симуляция выполняется локально в вашем браузере с помощью научно обоснованных матриц преобразования. Ваши значения цвета не покидают устройство и не отправляются на сервер.
- Бесплатно и без ограничений: моделируйте неограниченное число цветов без регистрации, подписки и лимитов. Симулятор дальтонизма полностью бесплатен навсегда, а интерфейс не перекрывают объявления.
Типичные сценарии использования симулятора дальтонизма
- Соответствие требованиям веб-доступности: веб-разработчики используют симулятор дальтонизма, чтобы убедиться, что элементы интерфейса, диаграммы и визуализации данных остаются удобными для людей с нарушением цветовосприятия. Это помогает выполнить критерий успеха 1.4.1 WCAG 2.1 (Использование цвета).
- Доступный дизайн интерфейса: UI/UX-дизайнеры с помощью симулятора дальтонизма проверяют цветовые палитры и следят за тем, чтобы информация не передавалась только цветом. Так создаются интерфейсы, доступные примерно 300 миллионам людей с CVD во всём мире.
- Аудит доступности: аудиторы используют симулятор дальтонизма, чтобы оценить существующие макеты и найти проблемные места, где информация, зависящая от цвета, может потеряться для пользователей с разными типами нарушения цветовосприятия.
- Тестирование визуализаций данных: специалисты по данным и информационному дизайну проверяют с помощью симулятора дальтонизма, что графики, диаграммы и карты остаются читаемыми при всех распространённых типах дальтонизма, чтобы данные доходили до максимально широкой аудитории.
- Разработка игр и приложений: разработчики тестируют с помощью симулятора дальтонизма элементы интерфейса, индикаторы и цветовые игровые механики, чтобы их продукты были доступны игрокам с нарушением цветовосприятия.
- Образование и просвещение: преподаватели и студенты используют симулятор дальтонизма, чтобы понять, как нарушение цветовосприятия влияет на восприятие, и повысить осведомлённость о доступности и важности инклюзивного дизайна.
Что такое нарушение цветовосприятия?
Нарушение цветовосприятия (CVD), которое часто называют дальтонизмом, — это сниженная способность различать определённые цвета. Оно возникает, когда один или несколько из трёх типов колбочек в сетчатке — L (красные), M (зелёные) и S (синие) — отсутствуют, работают неправильно или имеют изменённую спектральную чувствительность. Наиболее частые формы затрагивают различение красного и зелёного и встречаются примерно у 8 % мужчин и 0,5 % женщин во всём мире. Наш симулятор дальтонизма использует модель Бреттеля — Вьено — Моллона, чтобы точно моделировать, как цвета выглядят при каждом типе CVD.
Как работает наш симулятор дальтонизма
- Введите цвет: укажите значение HEX (например, #FF0000), воспользуйтесь системным выбором цвета или нажмите на образец. Инструмент преобразует HEX в RGB и готовит его к симуляции.
- Примените преобразования CVD: сначала цвет переводится из sRGB в линейное пространство света. Затем применяется матрица преобразования 3×3, специфичная для каждого типа CVD, которая имитирует влияние отсутствующей или изменённой колбочки на восприятие. Результат возвращается в sRGB для отображения.
- Сравните рядом: все 9 типов зрения показываются в сетке, включая нормальное зрение для сравнения. Нажмите на любой тип CVD, чтобы увидеть подробное описание, статистику распространённости и точные значения RGB смоделированного цвета.
Типы нарушения цветовосприятия
- Протанопия и протаномалия: недостаточность красных колбочек (L-колбочек). Протанопия — полное отсутствие, протаномалия — пониженная чувствительность. Красные выглядят темнее, различение красного и зелёного нарушено. Встречается примерно у 2 % мужчин.
- Дейтеранопия и дейтераномалия: недостаточность зелёных колбочек (M-колбочек). Дейтераномалия — самый распространённый тип CVD в целом (около 5 % мужчин). Различение зелёного снижено, а мир кажется смещённым в сторону жёлто-синего.
- Тританопия и тританомалия: недостаточность синих колбочек (S-колбочек). Крайне редко (около 0,01 % населения). Теряется различение синего и жёлтого. В отличие от красно-зелёных CVD, тритановые дефекты одинаково затрагивают мужчин и женщин.
- Ахроматопсия и ахроматомалия: полное или частичное отсутствие работы всех колбочек. Мир выглядит в оттенках серого. Очень редко (около 0,003 % населения).
Точность и ограничения симуляции CVD
Наш симулятор дальтонизма использует вычислительную модель, опубликованную Бреттелем, Вьено и Моллоном (1997) и уточнённую Мачадо (2009), применяемую в линейном пространстве sRGB. Ту же модель используют отраслевые инструменты вроде Adobe Photoshop, Colour Oracle и Chrome DevTools. Симуляция показывает, как цвет выглядел бы для человека с дихроматическим или аномальным трихроматическим зрением при идеальных условиях просмотра.
Важные ограничения: реальное восприятие при CVD индивидуально — на него влияют выраженность нарушения, условия освещения и калибровка дисплея. Симуляция является приближением, отражающим средний, типичный опыт. По возможности всегда тестируйте макеты с реальными пользователями и никогда не полагайтесь на цвет как на единственный способ передачи информации.
Часто задаваемые вопросы
Симулятор дальтонизма преобразует цвета, показывая, как они выглядят для людей с разными типами нарушения цветовосприятия (CVD). Наш симулятор использует научно обоснованную модель Бреттеля — Вьено — Моллона, чтобы одновременно моделировать 8 типов CVD и нормальное зрение. Введите любой цвет в формате HEX и сразу посмотрите, как он выглядит при каждом типе.
Симуляция использует матрицы преобразования 3×3, применяемые в линейном пространстве sRGB, на основе модели Бреттеля — Вьено — Моллона (1997), уточнённой Мачадо (2009). Ту же модель используют Adobe Photoshop, Colour Oracle и Chrome DevTools. Однако восприятие CVD индивидуально: на него влияют выраженность нарушения, освещение и различия дисплеев. Симуляция даёт типичное приближение, а не точное изображение для каждого конкретного человека.
Симулятор дальтонизма поддерживает 8 типов: протанопия (нет красных колбочек), дейтеранопия (нет зелёных колбочек), тританопия (нет синих колбочек), протаномалия (пониженная чувствительность к красному), дейтераномалия (пониженная чувствительность к зелёному), тританомалия (пониженная чувствительность к синему), ахроматопсия (полный дальтонизм) и ахроматомалия (частичный дальтонизм). Нормальное зрение также показано для сравнения.
Нарушение цветовосприятия встречается примерно у 8 % мужчин и 0,5 % женщин во всём мире — это около 300 миллионов человек. Дейтераномалия (пониженная чувствительность к зелёному) — самый частый тип, около 5 % мужчин. Дейтеранопия и протанопия встречаются примерно у 1 % мужчин каждая. Тританопия и ахроматопсия крайне редки: менее 0,01 % населения.
Да. Вся симуляция выполняется на 100 % на стороне клиента, в вашем браузере, на JavaScript. Ваши значения цвета никогда не отправляются на сервер, не сохраняются и никуда не передаются. Симулятор дальтонизма полностью конфиденциален.
Проверяйте с помощью симулятора цветовые сочетания в своих макетах. Если два цвета выглядят одинаково при определённом типе CVD, добавьте другие визуальные подсказки: значки, узоры, подписи или текст — не только цвет. Критерий успеха 1.4.1 WCAG 2.1 требует, чтобы цвет не был единственным способом передачи информации.
Да. Симулятор дальтонизма на 100 % бесплатный: без регистрации, без платных функций и без ограничений на использование. Моделируйте неограниченное число цветов без ограничений и скрытых платежей.
Суффикс «-опия» (например, протанопия) означает полное отсутствие колбочек этого типа — у человека нет функциональных колбочек данного вида. «-омалия» (например, протаномалия) означает, что колбочки есть, но их чувствительность снижена или спектральный отклик нарушен. Состояния «-опия» более тяжёлые, а «-омалия» — более мягкие и распространённые.