Симулятор кольорової сліпоти — безкоштовно
Дивіться, як ваш дизайн виглядає для людей із порушеннями кольорового зору. Симулює протанопію, дейтеранопію, тританопію, акроматопсію та слабші аномалії.
Перетягніть файл сюди або натисніть, щоб вибрати
JPG, PNG, WebP, HEIC, HEIF · обробляється на вашому пристрої
або натисніть Ctrl+V, щоб вставити з буфера обміну
Ваші файли ніколи не залишають пристрій. Вся обробка відбувається локально у браузері.
Завантажте дизайн, інфографіку або фото, щоб побачити, як це виглядає для людей із порушеннями колірного зору. Особливо корисно для: дизайнерів діаграм, UX-дизайнерів та аудитів доступності.
Типові застосування
- Перевірка діаграм та графіків для дальтонізмуПротестуйте візуалізацію даних, щоб переконатися, що вона зрозуміла для приблизно 8% чоловіків з дефектом кольорового зору.
- Перевірка дизайну користувального інтерфейсу на доступністьПеревірте снімки екрану користувальницького інтерфейсу вашого додатка в режимах CVD — переконайтеся, що всі індикатори стану видимі для всіх.
- Тестування дизайну для друку на доступність кольорівПлакати, інфографіка та друковані матеріали — все виграє від перевірки CVD перед друком.
- Навчання фотографів роботі з кольоромФотографи можуть використовувати симулятор, щоб зрозуміти, як їхні глядачі можуть сприймати колір в їхній роботі.
- Навчання про дефект кольорового зоруПродемонструйте студентам, дизайнерам або розробникам, як насправді виглядає CVD.
Як це працює
Дефіцит кольорового зору (CVD) симулюється за допомогою матриць трансформації кольору Brettel-Viénot — стандартного алгоритму, використовуваного в інструментах доступності.
- 1Ви скидаєте зображенняЗображення завантажується на полотно у вашому браузері. Пікселі зменшуються для продуктивності (макс 1200 px на найдовшій стороні).
- 2Матриця трансформації кольору 3×3 застосовується до кожного пікселяКожен тип CVD має власну матрицю. Для дейтеранопії (сліпоти до зеленого) червоний і зелений канали змішуються так, щоб імітувати сприйняття людей, у яких є лише конуси L+S.
- 3Трансформоване зображення відображається поруч з оригіналомПереходьте між типами CVD, щоб побачити, як те саме зображення виглядає для приблизно 8% чоловіків з тією чи іншою формою порушення кольорового зору.
Ваше зображення залишається у вашому браузері. Навіть математика симуляції виконується локально на вашому CPU — жодного сервера, жодного API, жодного завантаження.
Схожі інструменти
Тест на колірний зір
Пройдіть скринінг колірного зору з 15 таблиць із візерунками з точок, створених на льоту, введіть число, яке бачите, і отримайте обережний підсумок щодо червоно-зелених або синьо-жовтих тенденцій. Це не діагноз.
Перевірка контрастності кольорів WCAG
Перевіряйте, чи два кольори відповідають стандартам контрастності WCAG AA та AAA для доступності. Живий перегляд при різних розмірах тексту з автоматичними рекомендаціями при низькому контрасті.
Перевірка вебкамери
Перевірте, чи працює вебкамера, перед дзвінком — живий перегляд, фактичні роздільність і частота кадрів та знімок, який можна завантажити.