Обои

Симулятор цветовой слепоты

просмотрите свой дизайн так, как его видят 8% пользователей

Проверьте, как ваш дизайн выглядит для людей с нарушениями цветового зрения.

Перетащите изображение, чтобы извлечь цвета, или выберите цвет ниже

Попробуйте бесплатно.

Примерно 8% мужчин и 0,5% женщин имеют ту или иную форму нарушения цветового зрения. Этот инструмент симулирует, как ваше изображение выглядит для человека с каждым распространённым типом — протанопией (слепота на красный), дейтеранопией (слепота на зелёный), тританопией (слепота на синий) и полной ахроматопсией (оттенки серого). Используйте его для диаграмм, скриншотов интерфейсов или фотографий, чтобы выявить скрытые проблемы доступности до того, как их заметят пользователи.

Что означает каждый тип

  • Протанопия (1% мужчин): не видит красный. Красный выглядит как тёмный серо-жёлтый.
  • Дейтеранопия (1% мужчин): не видит зелёный. Самая распространённая форма. Красный и зелёный выглядят одинаково.
  • Тританопия (очень редкая): не видит синий. Синий и жёлтый выглядят одинаково.
  • Ахроматопсия (чрезвычайно редкая): полное отсутствие цветового зрения — чистые оттенки серого.
  • Аномальная трихромазия (5% мужчин): сниженная чувствительность, а не полное отсутствие. Мы симулируем умеренный случай.

На что обратить внимание

  1. Легенды диаграмм, основанные только на цвете. Красные и зелёные линии неразличимы для дейтеранопов.
  2. Ошибки в формах, отмеченные только красным. Дополните их иконкой или текстовой подписью.
  3. Индикаторы состояния. Схемы «светофор» (красный/жёлтый/зелёный) — наихудший случай.
  4. Круговые диаграммы и столбчатые диаграммы с накоплением. Соседние сектора в похожих оттенках теряют свои границы.

Используйте вместе с проверкой контрастности

Цветовая слепота — одна ось доступности; контраст — другая. Запустите Проверку контрастности на тех же скриншотах, чтобы убедиться в соответствии WCAG AA / AAA для пар «передний план / фон».

Пример использования: визуализация данных

Стандартные палитры диаграмм (tab10 из matplotlib, стандартные цвета Excel) содержат проблемные пары. Прогоните свою панель через этот инструмент и посмотрите, какие ряды сливаются. Рекомендуемые замены: viridis, cividis, доступные дивергентные палитры ColorBrewer.

Часто задаваемые вопросы

Насколько точна симуляция?

Это перцептивная аппроксимация, основанная на опубликованных исследованиях (Brettel et al.). Реальные пользователи с нарушениями цветового зрения могут видеть небольшие отклонения, но аппроксимация достаточно хороша, чтобы выявить ошибки дизайна.

Какие форматы изображений поддерживаются?

JPG, PNG, WebP, HEIC. До 25 МБ. Работает с фотографиями, скриншотами, файлами дизайна.

Могу ли я скачать все четыре симуляции одновременно?

Да — экспортируйте в виде сетки 2×2 в формате PNG, показывающей все четыре варианта рядом, плюс оригинал. Полезно для обмена в рамках обзоров дизайна.

Работает ли это с видео?

Нет, только с изображениями. Для видео смоделируйте один репрезентативный кадр.

Почему красные оттенки кажутся коричневыми?

Это дейтеранопия — колбочки для зелёного цвета ослаблены, поэтому красные смещаются в сторону коричневых и тёмно-жёлтых оттенков.

Что насчет анимированных GIF?

Мы обрабатываем первый кадр. Запускайте статические кадры отдельно, если вам нужна полная последовательность.

Это для диагностики дальтонизма?

Нет — это инструмент для дизайна. Диагностические таблицы Ишихары требуют клинических условий.

Какие рекомендации WCAG по цвету?

WCAG 1.4.1 гласит: 'цвет не используется как единственное визуальное средство передачи информации'. Всегда сочетайте цвет с формой, меткой или узором.

О проекте Симулятор цветовой слепоты

Симулятор цветовой слепоты — это бесплатный онлайн-инструмент от Wallpapers.com, который работает полностью в вашем браузере — без установки, без водяных знаков, без регистрации по email для первой попытки. Проверьте, как ваш дизайн выглядит для людей с нарушениями цветового зрения.

Как использовать Симулятор цветовой слепоты

  1. Выберите цвет из палитры или вставьте HEX / RGB значение.
  2. Настройте вывод — палитра, контраст, дополнительные цвета.
  3. Скопируйте значение или экспортируйте образец как JSON.

Когда это использовать

Типичные случаи использования включают: подготовка изображений для веб-загрузки, товаров в e-commerce, платформ соцсетей с ограничениями формата и конвертация файлов между устройствами или приложениями.

Free vs Premium

Каждый посетитель получает бесплатный пробный запуск; вошедшие в систему бесплатные пользователи получают более высокую дневную квоту. Подпишитесь на Премиум для неограниченных запусков, пакетной обработки до 200 изображений за задачу, приоритетной очереди и просмотра без рекламы.

Связанные инструменты

Ищете что-то другое? Попробуйте Пипетка цвета из изображения , Экстрактор палитры или Генератор градиентов — or browse all Инструменты цвета инструменты.

Премиум

Откройте все инструменты — без лимитов и ожидания

  • ✓ 200 AI-кредитов / месяц — генерация изображений, улучшение, ретушь
  • ✓ Пакетная обработка (до 200 файлов за раз)
  • ✓ Скачивание 8K и просмотр без рекламы
  • ✓ Приоритетная очередь — без лимитов
Попробуйте бесплатно 7 дней →
в реальном времени
Создавайте обои
с ИИ.
Попробовать