Симулятор дальтонизма
Посмотрите, как палитру или картинку видят люди с протанопией, дейтеранопией, тританопией и монохромным зрением, и узнайте, какие цвета у них сливаются. Всё считается прямо в браузере, файлы никуда не загружаются.
Нажмите на код цвета, чтобы скопировать его. Замок оставляет цвет на месте при новой генерации. Пробел — новая палитра.
Схема
Палитра из фото
Загрузите картинку — инструмент найдёт пять главных цветов. Файл не покидает ваш компьютер.
Экспорт
Цвета
Клик — цвет текста, клик с Shift — цвет фона.
Результат
Как видят вашу палитру
Проверить картинку
Загрузите схему, график или макет — увидите его в четырёх вариантах цветовосприятия. Файл не покидает ваш компьютер.
Как это работает
Цветовые схемы строятся по цветовому кругу: основной цвет переводится в модель HSL (оттенок, насыщенность, светлота), и от его оттенка откладываются нужные углы — 180° для комплементарной пары, ±30° для аналоговой, 120° для триады, 90° для тетрады. Монохромная схема меняет только светлоту. Чтобы палитра не выглядела «кислотной», насыщенность и светлота производных цветов слегка варьируются.
Палитра из фото: картинка уменьшается, её пиксели группируются по сходству цвета (метод k-средних), и пять самых крупных групп становятся палитрой. Контраст считается по формуле стандарта доступности WCAG 2: из каждого цвета вычисляется относительная яркость, и их отношение показывает, насколько текст отличается от фона. Симуляция дальтонизма использует научные матрицы Machado, Oliveira и Fernandes (2009) для полной формы протанопии, дейтеранопии и тританопии, а также переводит цвета в оттенки серого для монохромного зрения.
Про сами названия цветов — откуда взялись «бирюзовый», «бордовый» и «маренго» — читайте в статье журнала «Названия цветов».
Частые вопросы
Зачем проверять палитру на дальтонизм?
Нарушения цветовосприятия встречаются примерно у 8% мужчин и 0,5% женщин. Чаще всего путаются красный и зелёный. Если график, кнопки или статусы различаются только цветом, часть людей их не различит. Симуляция показывает, какие цвета палитры сливаются, — их стоит развести по яркости или добавить подписи и значки.
Чем отличаются протанопия, дейтеранопия и тританопия?
В сетчатке три вида колбочек, чувствительных к длинным, средним и коротким волнам света. При протанопии не работают «длинноволновые» колбочки, при дейтеранопии — «средневолновые»; в обоих случаях путаются красный и зелёный. При тританопии не работают «коротковолновые» колбочки, и путаются синий с зелёным и жёлтый с фиолетовым.
Насколько точна симуляция?
Инструмент использует матрицы из исследования Machado, Oliveira и Fernandes (2009) для полной формы каждого нарушения. У многих людей нарушение частичное, и они различают цвета лучше, чем на симуляции, поэтому результат — худший случай, на который стоит рассчитывать.
Отправляются ли мои фото на сервер?
Нет. Все расчёты, извлечение цветов из картинки и симуляция дальтонизма выполняются прямо в браузере, файл никуда не загружается.