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