Симулятор дальтонизма
НовоеПосмотрите, как изображения видят люди с нарушениями цветовосприятия.
100% in your browser. Your image, palette and webcam stream are processed on a canvas on your device and are never uploaded — unlike tools that send or downscale your file.
Palette safety checker
Paste hex codes to see each swatch under every CVD type. If two colours collapse into the same tone, they're not safe to rely on alone.
These simulations model the average appearance of each colour vision deficiency using the Machado (2009) matrices. Real colour vision varies between individuals — this is a design and accessibility aid, not a medical diagnosis. For a vision assessment, see an eye-care professional.
Runs entirely in your browser. Nothing is uploaded.
Посмотрите на свою работу глазами людей с дальтонизмом
Этот симулятор цветовой слепоты преобразует любое изображение, чтобы приблизительно показать, как оно выглядит для человека с нарушением цветового зрения. Загрузите скриншот, диаграмму, карту или фотографию — или воспользуйтесь встроенными образцами — и переключайтесь между протанопией, дейтеранопией, тританопией и полной цветовой слепотой, чтобы мгновенно увидеть, где ваш дизайн слишком сильно опирается на цвет.
В отличие от расширений браузера, которые только подкрашивают текущую страницу, этот онлайн-симулятор цветовой слепоты работает с реальными пикселями выбранного изображения, содержимым буфера обмена или прямой трансляцией веб-камеры — сохраняя полное исходное разрешение, чтобы вы могли скачать симулированный результат в том же качестве.
Точность модели Мачадо с ползунком степени тяжести
Большинство бесплатных симуляторов показывают только полные дихроматические формы при 100%, что преувеличивает то, как на самом деле видят большинство людей с дальтонизмом. Этот инструмент использует физиологические матрицы Мачадо, Оливейры и Фернандеса (2009) — ту же модель, что используют инструменты разработчика Chrome — и добавляет ползунок степени тяжести от 0 до 100% для предпросмотра аномальной трихромазии. Дейтераномалия, наиболее распространённый тип, реалистично предпросматривается около 40–60%, тогда как 100% показывает более редкую полную дейтеранопию.
Всего охвачено восемь типов: протаномалия и протанопия, дейтераномалия и дейтеранопия, тританомалия и тританопия, ахроматопсия и синеконусная монохромазия.
Сравнивайте, исправляйте и проверяйте
Четыре режима просмотра делают проблемы очевидными. Одиночный показывает один тип в полноэкранном режиме; разделённый ползунок сравнения переключает между оригиналом и симуляцией; сетка всех типов отображает каждый тип CVD из одной загрузки сразу; а веб-камера в реальном времени симулирует прямой поток камеры. Наведите курсор на изображение, чтобы использовать встроенную пипетку и считать оригинальный и симулированный цвет любого пикселя.
Включите Дальтонизацию, чтобы просмотреть скорректированную для CVD версию изображения, где цвета, которые обычно сливаются, смещены в каналы, которые зритель с нарушением цветового зрения всё ещё может различить.
Проверьте цветовую палитру на безопасность
У дизайнеров не всегда есть скриншот под рукой, поэтому встроенный проверщик палитры позволяет вставлять hex-коды (например, #e11d48 и #16a34a) и видеть каждый образец рядом при нормальном зрении и для каждого типа CVD. Если «красный ошибки» и «зелёный успеха» превращаются в один мутный тон для человека с дейтеранопией, вы увидите это немедленно.
Это самый быстрый способ ответить на вопрос «доступна ли моя палитра для дальтоников?» — без выхода со страницы и без установки чего-либо.
Конфиденциальность по замыслу — ничего не загружается
Каждое преобразование выполняется локально на HTML canvas, поэтому ваше изображение, палитра и трансляция веб-камеры никогда не покидают ваше устройство. Нет сервера, нет аккаунта и нет ограничений на размер файла с нашей стороны. Это намеренный контраст с симуляторами, которые загружают ваш файл или уменьшают его до 800px перед обработкой — ваши неопубликованные макеты остаются вашими.
Используйте как быструю проверку нарушения цветового зрения перед публикацией: пропустите диаграммы, дэшборды, инфографику, состояния светофора и фирменные палитры через распространённые типы красно-зелёного дальтонизма, исправьте всё, что зависит только от цветового тона, и опубликуйте то, что примерно 1 из 12 мужчин действительно сможет прочитать.
Сравнение с Coblis, Color Oracle и DaltonLens
Coblis (coblis.com) — наиболее известный бесплатный симулятор цветовой слепоты. Он загружает ваше изображение на внешний сервер, что представляет угрозу конфиденциальности для неопубликованных UI-дизайнов. Также отсутствует ползунок степени тяжести. Color Oracle — бесплатное десктопное приложение для Windows и Mac, которое накладывает симуляцию дальтонизма поверх всего экрана, но требует установки программного обеспечения, не работает на мобильных устройствах и не может симулировать аномальную трихромазию. DaltonLens (daltonlens.org) предлагает библиотеку Python и браузерный инструмент — отличный для исследователей, но технический и менее подходящий для дизайнеров.
Этот инструмент устраняет все три пробела: нулевая загрузка на сервер (локальная обработка на canvas), ползунок степени тяжести от 0 до 100%, не требует установки, работает на любом устройстве включая iPhone и Android, и добавляет вывод дальтонизации и проверщик палитры на той же странице.
Инструмент-ориентир, а не диагноз
Эти симуляции моделируют среднее проявление каждого нарушения; реальное цветовое зрение варьируется от человека к человеку, и симулятор никогда не может точно воспроизвести то, что видит конкретный человек. Это инструмент для дизайна и доступности, а не медицинское устройство — если вы хотите проверить собственное зрение, обратитесь к офтальмологу для надлежащей оценки цветового зрения, например теста Ишихары или аномалоскопа.
Frequently asked questions
Что такое симулятор цветовой слепоты?
Симулятор цветовой слепоты преобразует изображение, чтобы приблизительно показать, как оно выглядит для человека с нарушением цветового зрения (CVD). Вы загружаете дизайн, диаграмму или фотографию, и он перерисовывает пиксели через модель CVD — например, сливая красный и зелёный в мутный жёлто-коричневый цвет при протанопии — чтобы вы могли выявить информацию, которая зависит только от цвета. Этот инструмент использует матрицы Мачадо (2009) и работает полностью в вашем браузере.
Какой тип цветовой слепоты наиболее распространён?
Дейтераномалия — пониженная чувствительность зелёного колбочкового рецептора — наиболее распространённый тип, затрагивающий около 6% мужчин. Это частичный (аномальный) дефект, а не полный дихромат, что означает, что пострадавшие люди всё ещё имеют все три типа колбочек, но со смещённой спектральной чувствительностью. Установите ползунок степени тяжести около 40–60%, а не 100%, чтобы просмотреть реалистичную дейтераномалию.
Каковы 7 видов цветовой слепоты?
С учётом аномальных (частичных) и дихроматических (полных) форм: протаномалия и протанопия (красно-слабая/красно-слепая), дейтераномалия и дейтеранопия (зелено-слабая/зелено-слепая), тританомалия и тританопия (сине-слабая/сине-слепая), а также ахроматопсия (полная, без цвета). Синеконусная монохромазия иногда перечисляется как восьмой тип. Этот симулятор охватывает все из них.
Мои изображения загружаются на сервер? Это конфиденциально?
Нет. Всё происходит на canvas в вашем браузере с использованием JavaScript; ваше изображение никогда не отправляется на сервер, не загружается и не хранится. Вы можете отключиться от интернета после загрузки страницы, и симулятор продолжит работать — во время симуляции не происходит сетевых запросов. Нет аккаунта, нет отслеживания, нет ограничений на размер файла со стороны сервера.
Что такое ахроматопсия?
Ахроматопсия — это полная цветовая слепота: мир выглядит в оттенках серого, потому что система колбочек по существу не функционирует, оставляя только информацию о яркости от системы палочек. Редкое состояние, затрагивающее около 1 из 30 000 человек, обычно сопровождающееся светочувствительностью (фотофобией) и сниженной остротой зрения. Выберите Ахроматопсию в селекторе типа, чтобы преобразовать изображение в оттенки серого на основе яркости.
Насколько точен симулятор?
Точность зависит от модели. Этот симулятор использует физиологическую модель Мачадо, Оливейры и Фернандеса (2009) — ту же, что использует Chrome DevTools — и добавляет ползунок степени тяжести для аномальной трихромазии. Это отличное приближение для проверки дизайна, но это модель среднего CVD, а не клинический диагноз зрения конкретного человека.
Работает ли на iPhone и Android?
Да. Симулятор полностью адаптивен и работает в любом современном мобильном браузере — Safari на iPhone/iPad и Chrome или Firefox на Android. Загрузите изображение из фотогалереи, вставьте скриншот или воспользуйтесь выбором изображения. Функция симуляции веб-камеры также работает на мобильных устройствах, и вся обработка выполняется локально на GPU-ускоренном canvas вашего устройства.
Related tools
Все инструменты
Новое Image to Text (OCR)
Extract text from any image, screenshot or photo — free online OCR that runs entirely in your browser, no upload required.
Новое Скругление углов изображения
Скруглите углы любого изображения и скачайте прозрачный PNG — прямо в браузере.
Популярное Сжатие изображений
Сжимайте JPG, PNG и WebP ползунком качества — прямо в браузере.
Новое Изменение размера изображений
Меняйте размер изображений в пикселях или процентах с фиксацией соотношения сторон.
Новое Конвертер изображений
Конвертируйте изображения между PNG, JPG и WebP с контролем качества.
Новое Обрезка изображений
Обрежьте изображение под любой размер или фиксированное соотношение сторон и скачайте — в браузере.