Приблизно 8% чоловіків та 0,5% жінок мають ту чи іншу форму порушення кольорового зору. Цей інструмент симулює, як ваше зображення виглядає для людини з кожним поширеним типом — протанопія (червоно-сліпота), дейтеранопія (зелено-сліпота), тританопія (синьо-сліпота) та повна ахроматопсія (відтінки сірого). Використовуйте його на діаграмах, скріншотах інтерфейсів або фотографіях, щоб виявити непомітні помилки доступності, перш ніж їх помітять користувачі.
Що означає кожен тип
- Протанопія (1% чоловіків): не бачить червоний. Червоний виглядає як темний сіро-жовтий.
- Дейтеранопія (1% чоловіків): не бачить зелений. Найпоширеніша форма. Червоний та зелений виглядають схоже.
- Тританопія (дуже рідко): не бачить синій. Синій та жовтий виглядають схоже.
- Ахроматопсія (надзвичайно рідко): взагалі не має кольорового зору — чистий сірий масштаб.
- Аномальна трихромазія (5% чоловіків): знижена чутливість, а не відсутність. Ми симулюємо помірний випадок.
На що звернути увагу
- Легенди діаграм, що покладаються лише на колір. Червоні та зелені лінії нерозрізненні для дейтеранопів.
- Помилки форми, позначені лише червоним. Доповнюйте іконкою або текстовою міткою.
- Індикатори стану. Схеми світлофора (червоний/жовтий/зелений) — найгірший випадок.
- Кругові діаграми та складені стовпчики. Суміжні сектори зі схожими відтінками втрачають межі.
Поєднання з перевіркою контрастності
Кольорова сліпота — одна вісь доступності; контраст — інша. Запустіть Перевірку контрастності на тих самих скріншотах, щоб перевірити відповідність WCAG AA / AAA для пар переднього плану та фону.
Варіант використання: візуалізація даних
Стандартні палітри діаграм (matplotlib's tab10, стандартні налаштування Excel) містять проблемні пари. Запустіть свою панель через цей інструмент і подивіться, які серії конфліктують. Рекомендовані заміни: viridis, cividis, доступні дивергентні палітри ColorBrewer.
Часті запитання
Наскільки точним є моделювання?
Це перцептивне наближення, засноване на опублікованих дослідженнях (Brettel et al.). Реальні користувачі з порушеннями кольорового зору можуть помічати незначні відхилення, але наближення є достатньо точним, щоб виявити помилки в дизайні.
Які вхідні формати підтримуються?
JPG, PNG, WebP, HEIC. До 25 МБ. Працює з фото, скріншотами, файлами дизайну.
Чи можу я завантажити всі чотири симуляції одночасно?
Так — експортуйте як сітку 2×2 у форматі PNG, яка показує всі чотири варіанти поруч, плюс оригінал. Корисно для обміну під час рецензування дизайну.
Чи працює це з відео?
Ні, лише зображення. Для відео змоделюйте один репрезентативний кадр.
Чому мої червоні виглядають коричневими?
Це дейтеранопія — колірний конус для зеленого зменшений, тому червоні зміщуються в бік коричневих і темно-жовтих.
Щодо анімованих GIF?
Ми обробляємо перший кадр. Запускайте статичні кадри окремо, якщо вам потрібна повна послідовність.
Чи призначений він для діагностики дальтонізму?
Ні — це інструмент для дизайну. Діагностичні таблиці Ісіхари потребують клінічних умов.
Які рекомендації WCAG щодо кольору?
WCAG 1.4.1 зазначає: «колір не використовується як єдиний візуальний засіб передачі інформації». Завжди поєднуйте колір із формою, підписом або візерунком.
Про Симулятор кольорової сліпоти
Симулятор кольорової сліпоти — це безкоштовний онлайн-інструмент від Wallpapers.com, який працює повністю у вашому браузері — без встановлення, без водяних знаків, без реєстрації електронної пошти для першої спроби.
Попередній перегляд того, як ваш дизайн виглядає для людей із порушеннями кольорового зору.
Як використовувати Симулятор кольорової сліпоти
- Виберіть колір із палітри або вставте значення HEX / RGB.
- Налаштуйте результат — палітру, контраст, додаткові кольори.
- Скопіюйте значення або експортуйте палітру як JSON.
Коли це використовувати
Типові випадки використання:
підготовка зображень для веб-завантаження, списків товарів в e-commerce, платформ соцмереж з обмеженнями формату та конвертація файлів між пристроями або додатками.
Безкоштовно проти Premium
Кожен відвідувач отримує безкоштовний пробний запуск; авторизовані безкоштовні користувачі мають вищу денну квоту. Підпишіться на
Преміум
для необмежених запусків, пакетної обробки до 200 зображень за завдання, пріоритетної черги та перегляду без реклами.
Пов'язані інструменти
Шукаєте щось інше? Спробуйте
Палітра кольорів із зображення
,
Палітра Екстрактор
або
Генератор градієнтів
— або перегляньте всі
Інструменти кольору Інструменти.
