Симулятор дальтонизма (изображение и палитра)
Посмотрите на фотографию или список цветов глазами людей с нарушением восприятия красного и зелёного (протанопия, дейтеранопия), синего и жёлтого (тританопия) или с полной цветовой слепотой, рядом с оригиналом, и найдите пары цветов, которые трудно различить
Загрузка инструмента…
Показывает фотографию или список цветов так, как их видят люди с нарушением восприятия красного и зелёного (протанопия, дейтеранопия), синего и жёлтого (тританопия) или с полной цветовой слепотой, рядом с оригиналом. Полезно, чтобы проверить, не полагаются ли диаграммы, карты и экраны приложений только на цвет.
Как пользоваться
- На вкладке «Изображение» перетащите или вставьте картинку. Сначала показан встроенный пример; «Загрузить пример» возвращает его.
- Оригинал и четыре симуляции выводятся сеткой. Нажмите «Сравнить», чтобы наложить одну из них на оригинал с ползунком, или «PNG», чтобы сохранить её.
- На вкладке «Палитра» введите значения HEX или rgb() в «Список цветов», по одному в строке, или выберите их через «Добавить цвет».
- Просмотрите «Пары, которые становятся трудно различимыми», найдите пары с малым ΔE, измените цвета и посмотрите ещё раз.
Как это работает
- Протанопия, дейтеранопия и тританопия используют модель Machado и др. (2009) со степенью 1,0, применённую в линейном sRGB. Полная цветовая слепота — это серый, полученный из относительной яркости.
- ΔE — это расстояние OKLab между двумя симулированными цветами × 100; от чёрного до белого около 100. Пары ниже 10 отмечаются как «трудно различить», ниже 18 — как «близкие»; эти пороги выбраны самим инструментом.
- Изображения уменьшаются до 1600px по длинной стороне и обрабатываются только в браузере. Список цветов хранится в этом браузере.
- Восприятие у каждого человека своё. Надёжнее сочетать цвет с разницей в светлоте, узорами и подписями.
Частые вопросы
- Как люди с нарушением восприятия красного и зелёного видят красный и зелёный?
- Оба выглядят как похожие желтоватые коричневые оттенки; красный кажется темнее при протанопии и светлее при дейтеранопии. Это видно на столбчатой диаграмме в примере.
- Как выбрать цвета диаграммы, безопасные для людей с цветовой слепотой?
- Используйте пары вне оси красный-зелёный, например синий и оранжевый, и задайте каждому цвету свою светлоту. Введите кандидатов на вкладке «Палитра» и меняйте их, пока ни одна пара не будет отмечена.
- Что путается при тританопии?
- Синий и зелёный, а также жёлтый рядом с розовым или фиолетовым сближаются. Это редкий тип, но палитры на синих и жёлтых оттенках стоит проверить.
- Точна ли симуляция?
- Это приближение по широко используемой модели. Степень нарушения цветового зрения у людей разная, поэтому ни одна картинка не представляет всех.