Симулятор нарушений цветового зрения

Протанопия (не работают красные колбочки), дейтеранопия (не работают зеленые колбочки), тританопия (не работают синие колбочки) и ахроматопсия (отсутствие цветового зрения). При степени выраженности ниже 100% столбцы обозначаются названиями аномальных форм: протаномалия, дейтераномалия, тританомалия и ахроматомалия.

Для трех типов колбочек используется физиологическая модель Machado, Oliveira и Fernandes (2009) с предварительно вычисленными матрицами, поставляемыми вместе с culori. Согласно модели, матрицы применяются к RGB с линейным светом, после чего результат преобразуется обратно в sRGB. При ахроматопсии каждый цвет заменяется серым с той же относительной яркостью.

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

Введите по одному цвету в строке или несколько цветов в одной строке, разделив их запятыми или точками с запятой; запятые внутри rgb() или hsl() не служат разделителями. Поддерживаются шестнадцатеричные коды с # или без него, названия цветов CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() и cmyk(). За один запуск можно проверить до 100 цветов.

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

Нарушения красно-зеленого цветового зрения — протановые и дейтановые — встречаются примерно у 8% мужчин и 0,5% женщин североевропейского происхождения; чаще всего встречается дейтераномалия. Тритановые нарушения и ахроматопсия редки: каждое встречается примерно у 1 из 10,000 человек или реже.

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

Цвета за пределами sRGB, например яркие значения Display P3 или OKLCH, сначала преобразуются в sRGB с помощью алгоритма Color 4 CSS. Альфа-канал сохраняется в результатах, поэтому для полупрозрачного ввода выдаются 8-значные HEX-коды.

У людей с протанопией отсутствуют колбочки, чувствительные к длинным волнам, поэтому красный выглядит намного темнее и смещается в сторону желто-коричневого. В модели #ff0000 превращается в темно-оливковый цвет примерно #6d5f00, а при дейтеранопии сохраняется больше яркости и получается горчичный оттенок примерно #a39000.

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