Симулятор цветовой слепоты

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

Выбрать цвет

HEX

#ffa500

Web Orange

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

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

Влияние

8% мужчин и 0,5% женщин имеют какую-либо форму цветовой слепоты.

Типы

Красно-зеленая слепота наиболее распространена, влияя на восприятие красного и зеленого цветов.

Дизайн лучше

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

Оригинальный цвет

#ffa500

Web Orange

Так цвет выглядит при нормальном цветовосприятии.

Красно-зеленая слепота (Протанопия)

Протанопия

1,3% мужчин, 0,02% женщин

76%

Как это выглядит

#dedd55

Протаномалия

1,3% мужчин, 0,02% женщин

84% ПОХОЖЕЕ
Оригинал
#ffa500
Симуляция
#f2c93d

Частичная красно-зеленая (Дейтеранопия)

Дейтеранопия

1,2% мужчин, 0,01% женщин

73%

Как это выглядит

#e3e95e

Дейтероаномалия

5% мужчин, 0,35% женщин

84% ПОХОЖЕЕ
Оригинал
#ffa500
Симуляция
#f0c241

Сине-желтая слепота (Тританопия)

Тританопия

0,001% мужчин, 0,03% женщин

71%

Как это выглядит

#fb7075

Тританомалия

0,0001% населения

83% ПОХОЖЕЕ
Оригинал
#ffa500
Симуляция
#fd8f4a

Полная цветовая слепота

Ахроматопсия

0,003% населения

55%

Как это выглядит

#b8b8b8

Ахроматомалия

0,001% населения

60% ПОХОЖЕЕ
Оригинал
#ffa500
Симуляция
#c9b5a7

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

Понимание цветовой слепоты

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

Цветовая слепота затрагивает примерно 1 из 12 мужчин и 1 из 200 женщин по всему миру. Этот симулятор помогает дизайнерам, разработчикам и создателям контента понять, как их цветовые решения выглядят для людей с различными формами цветовой недостаточности.

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

Почему это важно

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

Сценарии использования

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