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

Перегляньте, як кольори сприймають люди з протанопією, дейтеранопією, тританопією та ахроматопсією. Вставте до 100 кольорів і отримайте таблицю шістнадцяткових значень для кожного типу порушення кольорового зору. Обчислення виконуються за моделлю Machado, Oliveira і Fernandes у culori; для легших аномальних форм доступне налаштування ступеня вираженості. Корисно для перевірки палітр, діаграм, карт і кольорів стану перед випуском.

## Поширені запитання

### Які типи дальтонізму моделюються?

Протанопія (не працюють червоні колбочки), дейтеранопія (не працюють зелені колбочки), тританопія (не працюють сині колбочки) та ахроматопсія (відсутній кольоровий зір). За рівня вираженості нижче 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% жінок північноєвропейського походження; найпоширеніша з них — дейтераномалія. Тританопія та ахроматопсія рідкісні: кожна трапляється приблизно в однієї людини на 10,000 або рідше.

### Що робити, якщо два кольори виглядають однаково?

Змініть їхню світлість, а не лише відтінок, адже різниця у світлості зберігається за всіх типів дальтонізму. Також додайте ще одну ознаку, наприклад мітку, піктограму, візерунок або розташування, як того вимагає критерій успіху WCAG 1.4.1, коли колір передає значення.

### Що відбувається з прозорими кольорами та кольорами широкого колірного охоплення?

Кольори поза sRGB, як-от яскраві значення Display P3 або OKLCH, спочатку перетворюються в sRGB за алгоритмом Color 4 CSS. Значення альфа-каналу зберігається в результатах, тож для напівпрозорого вводу відображаються 8-значні HEX-коди.

### Чому чистий червоний стає оливковим за протанопії?

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

### Чи можна перевірити ціле зображення?

Ні, цей інструмент працює зі значеннями кольорів, що забезпечує швидку й точну перевірку палітр і токенів дизайну. Виберіть основні кольори дизайну або діаграми та вставте їх сюди, щоб порівняти результати симуляції у стовпцях поруч.

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=oneclickpro)