Симулятор дальтонізму
Подивіться, як виглядає колір для людини з порушенням кольоросприйняття.
Симулятор дальтонізму
Вставте один колір на рядок і цей інструмент покаже, як він виглядає для людини з порушенням кольоросприйняття, поруч із оригіналом. Він перетворює кожен колір у простір LMS конусної відповіді, застосовує матрицю імітації для обраного порушення, а потім перетворює назад — той самий підхід, що використовується в професійних інструментах доступності, які працюють повністю на вашій машині.
Виберіть тип порушення з восьми найпоширеніших форм: протанопія, дейтеранопія та тританопія — це повна втрата реакції червоного, зеленого або синього конуса; протаномалія, дейтераномалія та тританомалія — це м'якші «слабі» версії, які набагато частіше трапляються на практиці; ахроматопсія та ахроматомалія імітують повну та часткову кольорову сліпоту. Повзунок інтенсивності регулює ефект від 0% (без змін) до 100% (повна імітуюча дія), що корисно для показу спектра тяжкості замість одного найгіршого випадку. Результат виводиться у HEX, RGB або HSL, з невеликим зразком кольору поруч з кожним значенням, щоб різниця була видима, а не просто читаємою.
Напишіть два кольори на одному рядку — передній план і фон, у будь-якому порядку — і інструмент також повідомить коефіцієнт контрастності WCAG між ними до та після імітації, з перевіркою відповідності порогу AA 4,5:1. Це виявляє загальну помилку: дизайн з достатньою контрастністю для типового зору, який стає нечитаємим, коли червоний та зелений або синій та жовтий стають важко розрізнятися. Кольори можна писати як hex, rgb()/rgba(), hsl()/hsla() або загальні імена CSS; рядок, у якому не розпізнано жодного, зберігається як коротка примітка, а не відкидається.
Усе працює локально у вашому браузері — ні один колір чи файл дизайну ніколи не завантажується. Скопіюйте результат, завантажте його як файл .txt або відправте назад до введення, щоб перевірити іншу палітру проти іншого типу порушення.