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

Увидеть, как цвета и изображения выглядят при протанопии, дейтеранопии, тританопии и других особенностях

Файлы не покидают устройство
Работает в браузере
Бесплатно, без регистрации и водяных знаков

Normal vision

Your original colors

Deuteranomaly

Weak green cones · about 5% of men, the most common

Deuteranopia

No green cones · about 1% of men

Protanomaly

Weak red cones · about 1% of men

Protanopia

No red cones · about 1% of men

Tritanomaly

Weak blue cones · rare

Tritanopia

No blue cones · very rare

Achromatopsia

No color vision at all · very rare

7 pairs of colors become hard to tell apart

#e53935 and #43a047 under Deuteranopia (ΔE 5.2)
#43a047 and #fb8c00 under Protanopia (ΔE 6.4)
#43a047 and #1e88e5 under Tritanopia (ΔE 6.5)
#e53935 and #43a047 under Achromatopsia (ΔE 6.7)
#e53935 and #1e88e5 under Achromatopsia (ΔE 3.8)
#43a047 and #1e88e5 under Achromatopsia (ΔE 2.9)
#43a047 and #fb8c00 under Achromatopsia (ΔE 8.5)

Flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a lightness difference to these pairs.

Как пользоваться: Симулятор дальтонизма

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

1
В «Проверке» выберите «Палитра» или «Изображение».
2
Для палитры вставьте цвета в «Цвета», по одному в строке или через запятую (HEX, rgb(), hsl(), oklch() или имена); для изображения перетащите файл JPG, PNG, WebP, GIF, HEIC или AVIF.
3
Задайте «Степень аномалии», чтобы управлять силой типов со слабым колбочковым зрением (-anomaly).
4
Сравните смоделированные ряды или изображения; пары со значком предупреждения перечислены ниже с их ΔE.
5
Нажмите образец, чтобы скопировать его HEX, или скачайте любое смоделированное изображение как PNG.

Частые вопросы

Насколько точны симуляции?

Они используют Machado и др. 2009 для красно-зелёных и Brettel и др. 1997 для сине-жёлтых нарушений, в линейном RGB. Это модели типичного зрения; отдельные люди могут видеть иначе.

Как он решает, что два цвета трудно различить?

Пара отмечается, когда два цвета, которые обычно различаются, в симуляции падают ниже ΔE2000 10. Добавьте таким парам подписи, узоры или явную разницу светлоты.

Что меняет «Степень аномалии»?

Она действует только на типы -anomaly и задаёт, насколько сдвинута затронутая колбочка; 100% равно соответствующему типу -opia.

Загружается ли моё изображение?

Нет. Симуляция идёт в браузере. Предпросмотр рисуется до 900 px, а скачивание — в полном разрешении изображения.

Можно ли вставлять цвета прямо из CSS?

Да. Коды HEX и цветовые функции CSS извлекаются из любого текста, а имена цветов работают, если разделены запятыми или строками. Всё, что не удалось прочитать, перечислено как пропущенное.