Четко различимые цвета для научных фигур

Я ищу подсказки о том, как выбрать набор цветов (или цветовой градиент), которые четко различимы, для использования в научных фигурах. Были ли систематические исследования по этому поводу? Если да, буду признателен за ссылки.

При создании научных фигур цвет часто используется для различения элементов. Одним из примеров являются строки на графике:

Математическая графика

Другой пример — цветовой градиент для обозначения значений:

Математическая графика

Меня интересуют два вопроса:

  1. Как я могу выбрать самый большой набор цветов, которые все еще различимы друг от друга, для использования в графике? Аналогично, какой цветовой градиент позволит глазу различать наибольший набор значений и обнаруживать малейшие изменения? Существуют ли цветовые схемы, созданные специально для этого? Я ищу что-то, что хорошо работает как на экране, так и в печати.

  2. Как я могу выбрать набор цветов (или градиент), которые все еще достаточно различимы при преобразовании в оттенки серого, но контрастность увеличивается, когда они просматриваются в цвете? Существует ли цветовой градиент, который в этом отношении не намного хуже, чем градиент от полностью белого к полностью черному при преобразовании в оттенки серого, но дает значительно повышенный контраст при воспроизведении в полноцветном режиме? (Возьмите, например, мой пример рисунка сверху с цветом радуги: он имеет отличный контраст в цвете, но непригоден для использования в оттенках серого. Многие научные журналы будут публиковать рисунки в Интернете в цвете, но просят рисунки, которые также можно использовать в оттенках серого, в печати. версия.)

@ e100 Этот пост отвечает на мой вопрос о максимально контрастных дискретных наборах цветов. Мне интересно, следует ли мне переформулировать вопрос сейчас или даже разделить его на две части. Оставшиеся вопросы — это максимально контрастные непрерывные цветовые схемы и цветовые схемы, которые выдерживают преобразование в оттенках серого (требование некоторых журналов — хотя на данный момент я думаю придерживаться только оттенков серого для всего)
@Szabolcs Я думаю, что каждый из трех упомянутых вами вопросов достаточно сложен и заслуживает отдельного рассмотрения, хотя по своей сути они глубоко связаны. Я потратил некоторое время на размышления об этом, но только что обнаружил реальный масштаб проблемы: для этого требуется истинное воспринимаемое цветовое пространство.
Такое цветовое пространство можно найти, только проведя умный и широкомасштабный эксперимент по восприятию цвета человеком, а набор цветов, очевидно, будет зависеть от цвета фона и даже от того, как будет воспроизводиться цвет: на бумаге или на мониторе и как. .

Ответы (2)

Вот удобный всплеск науки.

  • Сетчатка ваших глаз имеет рецепторы красного, зеленого и синего света (колбочки), а также рецепторы общего уровня освещенности (палочки).
  • Между вашими глазами и зрительной корой есть шаг (LGN), где информация о цвете преобразуется в противоположные пары: красный:зеленый, синий:желтый и черный:белый. Желтый создается в особых случаях, когда красный и зеленый находятся в балансе, а синий низкий, а большинство коричневых оттенков фактически темные или желтые с низкой насыщенностью (красный и зеленый выше по сравнению с синим). Вы можете видеть, как эти пары противопоставляются друг другу с помощью остаточных изображений - смотрите на яркий свет определенного цвета и отводите взгляд, и эффект после изображения, который вы увидите, будет создан из его противоположных цветов.

Таким образом, вы получаете четыре наиболее четко различимых оттенка (плюс отсутствие черного или серого: отсутствие оттенка). В каждом из них вы можете использовать различия в яркости и насыщенности, чтобы создать больше цветов. Если вам нужно еще больше цветов, вы можете взять средние точки между этими четырьмя оттенками, а затем снова изменить яркость и насыщенность. (будьте осторожны с понижением насыщенности и увеличением яркости слишком сильно, так как это снижает контраст оттенков).

Имейте в виду, что желтый цвет — это особый случай : он характерно яркий, потому что подпитывается активацией двух типов рецепторов, а не одного.

Вопрос о том, как они преобразуются в оттенки серого, важен, но я думаю, что лучше всего ответить на него отдельно. Есть различия (например, красный цвет имеет тенденцию быть темнее), но это зависит от других вещей, таких как способ передачи и т. Д. Диаграмма интенсивности цвета из приведенной выше ссылки о желтом цвете может помочь в качестве отправной точки:

введите описание изображения здесь

Две вещи, которые нужно иметь в виду:

  • Цветовые шкалы не воспринимаются линейно. В цветных тепловых картах, таких как второе изображение, которое вы публикуете, цветовые шкалы хороши для помощи в восприятии конкретных значений, но это происходит за счет того, что общая картина того, что является высоким или низким по сравнению с тем, что труднее интуитивно воспринимать. Подробнее об этом здесь. Используйте такие «радужные шкалы» только в том случае, если получение конкретных значений визуализации более важно, чем видение общей картины (обычно это означает, что радужные шкалы подходят для визуализаций, предназначенных для анализа экспертами, но плохо подходят для визуализаций, предназначенных для общих коммуникативных целей). )
  • Удивительно большое количество людей (особенно мужчин) страдают дальтонизмом. В частности, около 10 % мужчин с трудом воспринимают разницу между красным и зеленым, видя эти цвета как один и тот же оттенок. Эти люди обычно могут сделать обоснованное предположение, основанное на уровнях яркости, но это сложно, и поэтому лучше всего убедиться, что там, где красный и зеленый передают значение, существуют другие способы отличить эти цвета друг от друга, а не только оттенок. Используйте инструменты моделирования дальтонизма, такие как vischeck , для тестирования дизайна, не полагайтесь только на преобразование в оттенки серого, поскольку это не точное моделирование.

Для вашего первого вопроса вы можете изучить цветовой круг, вот пример . Просто разделите 360 градусов колеса на столько частей, сколько вам нужно элементов, и вы получите цвета, максимально контрастирующие друг с другом.

Например, если у вас есть 3 элемента, ваши цвета будут красным, синим и салатовым.

Что касается рисунков, которые можно использовать в черно-белом режиме, вы часто обнаружите, что шаблоны могут помочь идентифицировать различные графики, где такое применение возможно. Там, где использование шаблонов невозможно, лучше всего подходит выборочное обесцвечивание, когда разные оттенки приводят к разным оттенкам, см. пример изображения здесь .

Выборочное обесцвечивание, примененное к исходному изображению, можно увидеть здесь:введите описание изображения здесь