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

Протанопія (не працюють червоні колбочки), дейтеранопія (не працюють зелені колбочки), тританопія (не працюють сині колбочки) та ахроматопсія (відсутній кольоровий зір). За рівня вираженості нижче 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.

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