Где я могу найти большую палитру / набор контрастных цветов для раскраски множества наборов данных на графике?


83

Мне нужен большой набор (20 и более) контрастных и легко визуально различимых цветов для раскраски различных наборов данных на научном сюжете (набор цветов не должен включать белый или черный, а цвета должны быть максимально яркими).

Сюжет создается программно и предназначен для включения в презентацию, которая будет отображаться с помощью проектора.

Есть ли готовые наборы цветов для такой задачи (мне нужны цвета как набор значений RGB)?

Или, может быть, есть какой-то алгоритм, который генерирует такой набор цветов программно (я использую Wolfram Mathematica для создания графиков)?

PS Сам сюжет может выглядеть, например, примерно так:

Скриншот


Для фона, почему они действительно должны быть различимы?
e100

Я имел в виду, почему разные наборы точек данных должны различаться?
e100

2
@ e100 Другими словами, здесь используются цвета для обозначения принадлежности к группе.
Алексей Попков

Ответы:


65

Благодаря отличной работе

P. Green-Armytage (2010): Цветной алфавит и пределы цветового кодирования. // Цвет: дизайн и креативность (5) (2010): 10, 1-23

(и пользователю ohadsc, который ссылался на него!) теперь я знаю как минимум 3 готовых набора цветов максимальной контрастности, содержащих не менее 20 цветов (но у меня все еще есть явные значения RBG только для одного из них):

1) Набор из 22 цветов максимальной контрастности, предложенный Кеннетом Келли в работе:

К. Келли (1965): двадцать два цвета максимальной контрастности. // Цвет англ., 3 (6)

Особенности (цитирование P. Green-Armytage): «Порядок цветов в списке Келли был спланирован таким образом, чтобы был максимальный контраст между цветами в наборе, если бы необходимое количество цветов всегда выбиралось в порядке сверху. <.. .> Келли позаботилась о потребностях людей с дефектным цветовым зрением. Первые девять цветов были бы максимально разными для таких людей, а также для людей с нормальным зрением. Эти девять цветов также легко различимы по названию цвета ".

Дополнительная информация (со ссылкой на P. Green-Armytage): «ISCC учредил Проектный комитет 54 с целью обновления работы Келли. Однако комитет решил, что в том, что они пытались сделать, они не могли улучшить Набор цветов Келли. "

2) Набор из 25 цветов, предложенных Робертом и Эллен Картер в работе:

Роберт К. Картер, Эллен К. Картер (1982): Высококонтрастные наборы цветов. // Appl. Оптика, 21 (1982) 2936-2939.

Особенности (цитируя П. Грина-Армейдж): «Картер и Картер ссылаются на работу Келли и подтверждают его предположение, что легкость, с которой можно различать два цвета, зависит от того, насколько далеко цвета находятся в цветовом пространстве. От доступных цветовых пространств в то время, когда они выбрали CIE L u v * в качестве наиболее подходящего для своего исследования. <...> Они обнаружили, что способность людей правильно распознавать цвета быстро снижалась, когда расстояние между цветами составляло менее 40 единиц CIE L u v * ». В своей работе они представляют набор из 25 цветов, разделенных как минимум 51,6 единицами CIE L u v *.

3) Набор из 26 цветов для проекта «Цветной алфавит», предложенный Полом Грин-Армэджем в вышеприведенной работе «Цветовой алфавит и пределы цветового кодирования». Этот набор цветов предназначен для использования с белым фоном. RGB триплеты этого набора: {240,163,255},{0,117,220},{153,63,0},{76,0,92},{25,25,25},{0,92,49},{43,206,72},{255,204,153},{128,128,128},{148,255,181},{143,124,0},{157,204,0},{194,0,136},{0,51,128},{255,164,5},{255,168,187},{66,102,0},{255,0,16},{94,241,242},{0,153,143},{224,255,102},{116,10,255},{153,0,0},{255,255,128},{255,255,0},{255,80,5}.

ОБНОВЛЕНИЕ 1

4) Есть еще одна отличная статья на эту тему:

Zeileis, Hornik and Murrell (2009): выход из RGBland: выбор цветов для статистической графики // Вычислительная статистика и анализ данных, том 53, выпуск 9, 1 июля 2009 года, страницы 3259-3270

Эта статья содержит хороший набор из 26 различных цветов на странице 11:

Цветовой набор Zeileis, Hornik и Murrell 2009

RGB триплеты этого набора: {2,63,165},{125,135,185},{190,193,212},{214,188,192},{187,119,132},{142,6,59},{74,111,227},{133,149,225},{181,187,227},{230,175,185},{224,123,145},{211,63,106},{17,198,56},{141,213,147},{198,222,199},{234,211,198},{240,185,141},{239,151,8},{15,207,192},{156,222,214},{213,234,231},{243,225,235},{246,196,225},{247,156,212}.

ОБНОВЛЕНИЕ 2

Пользователь Tatarize предлагает в своем блоге :

5) Набор из 64 максимально разных цветов :

Набор Tatarize из 64 максимально разных цветов

6) Цветовой словарь из 269 максимально отличных цветов от всех предыдущих цветов (я использовал эту функцию для получения RGB-триплетов из шестнадцатеричных кодов):

Цветной алфавит татариз

Вот шестнадцатеричные коды из связанного сообщения в блоге (полный список из 269 шестнадцатеричных кодов цветного алфавита татаризцев, скрытых в истории изменений для удобства чтения).

7) 256 разных цветов .

ОБНОВЛЕНИЕ 3

Потенциально полезные веб-приложения:

ОБНОВЛЕНИЕ 4

8) Список 20 простых, отличительных цветов от Саши Трубецкой:

образ

«Я составил простой в использовании список цветов, оптимизированный для всех носителей; конечно, не без крошечных компромиссов, таких как неточные преобразования CMYK. Основная проблема заключается в выборе« чистых »(например, 100% пурпурных) или веб-безопасных цветов приводит к мутным, отвлекающим и несбалансированным цветовым палитрам. Это моя попытка создать красивую палитру, которая хорошо работает для сетевых или транзитных диаграмм или для категориальных данных ».


1
Это очень полезно, Алексей. Спасибо! Мне интересно, нашли ли вы что-нибудь для 1. непрерывных цветовых шкал (градиентов) 2. цветовых шкал или наборов цветов, которые сохраняют контрастность даже после преобразования в оттенках серого (например, требование в журналах APS). graphicdesign.stackexchange.com/questions/7960/…
Сабольч

Если кому-то нужно, вот шестнадцатеричные коды цветов в том же порядке, что и на картинке. **** private string [,] graphColors = {{"# 023FA5", "# 7D87B9", "# BEC1D4" , "# D6BCC0", "# BB7784", "# FFFFFF"}, {"# 4A6FE3", "# 8595E1", "# B5BBE3", "# E6AFB9", "# E07B91", "# D33F6A"}, { "# 11C638", "# 8DD593", "# C6DEC7", "# EAD3C6", "# F0B98D", "# EF9708"}, {"# 0FCFC0", "# 9CDED6", "# D5EAE7", "# F3E1EB "," # F6C4E1 "," # F79CD4 "},};
alex440

У кого-нибудь есть шестнадцатеричный код для цветов в обновлении № 1?
красное смещение

2
@redshift Они являются: "#023fa5", "#7d87b9", "#bec1d4", "#d6bcc0", "#bb7784", "#8e063b", "#4a6fe3", "#8595e1", "#b5bbe3", "#e6afb9", "#e07b91", "#d33f6a", "#11c638", "#8dd593", "#c6dec7", "#ead3c6", "#f0b98d", "#ef9708", "#0fcfc0", "#9cded6", "#d5eae7", "#f3e1eb", "#f6c4e1", "#f79cd4".
Алексей Попков

создать запятую шестнадцатеричных строк из тех, использовать этот питон Oneliner: print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
летающая овца

18

Сочетание «яркий», «легко различимый» и «20 и более» сложно. Напоминает мне: «Наша работа быстрая, дешевая и качественная. Выберите любые две». Я думаю, что вы могли бы бросить «яркий» из смеси и просто сказать «контраст». Это делает бриф проще для достижения, и я думаю, поможет вам, где вы хотите быть.

Я не знаю о таком наборе, но вот как я могу это сделать, используя Photoshop:

  • Создайте пустой документ в цветовом режиме (RGB или CMYK), который вы хотите использовать. RGB подходит для всех настольных принтеров и для просмотра на экране или проекции. Используйте CMYK, только если вам нужны фактические значения CMYK.

  • Выберите 5 базовых цветов, равномерно распределенных вокруг цветового круга. В настройке Hue это означает 0, 60, 120, 180, 240 и 300. Это будут ваши отправные точки. (В качестве альтернативы замените образцы по умолчанию набором Windows или Mac, доступным во всплывающем меню панели «Образцы», и используйте значения с 7-го по 2-е.)

  • Для каждого оттенка выберите 5 или 6 уровней яркости и насыщенности, которые дают вам легко различимые конечные цвета.

  • Когда вы найдете каждый из них, добавьте его к своим образцам.

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

  • Удалите все другие образцы (Alt / Opt-click, чтобы удалить), чтобы все, что у вас осталось, это те, которые вы хотите.

  • Сохраните образцы, используя «Сохранить образцы для Exchange ...» во всплывающем окне «Образцы». При этом сохраняется файл .ASE, который можно загрузить в Illustrator, InDesign или в любое другое приложение Adobe.

Надеюсь, это поможет.

[Дополнение после вопроса расширено]

Основные цвета в шестнадцатеричном формате: 0xff0000 (чистый красный), 0xffff00 (желтый), 0x00ff00 (зеленый), 0x00ffff (голубой), 0x0000ff (синий) и 0xff00ff (пурпурный). Проведя некоторые эксперименты, я обнаружил, что чистый желтый слишком близко слишком белый, чтобы быть полностью полезным для ваших целей, а синий требовал другой отправной точки, потому что он визуально темный. От каждого базового цвета вы можете отделаться 4 оттенками. Поскольку вы также можете использовать оттенки серого, это позволяет использовать матрицу 7x4, которую я бы назвал вполне пригодными для использования цветами, учитывая ваши ограничения (и предполагаемый недостаток доступа к Photoshop или подобному приложению). Возьмите калькулятор и получите десятичные значения, если они вам нужны! :-)

  • Для всех, кроме желтого, синего и серого, ваши отправные точки - чистые цвета. Уменьшите шестнадцатеричные значения с ff до b0, 87 и 55 для ваших четырех оттенков.

  • Для синего «светлым» является b0b0ff, а оттенками - 8484ff, 4949ff и 0000ff.

  • Для желтого: e4e400, baba00, 878700 и 545400 будут работать, а для значений серого байты младшего разряда равны максимуму и середине в каждом случае.

Мой быстрый и грязный график этих (за исключением серых) выглядит так:

цветная сетка


Я исправил свой вопрос: цвета должны быть контрастными (и максимально яркими). Сюжет генерируется программно, и мне нужны цвета в виде набора значений RGB. Спасибо.
Алексей Попков

Смотрите расширенный ответ. Я думаю, что это приведет вас туда, где вам нужно быть.
Алан Гилбертсон

2
Перечитайте пункт 2 моего ответа. Вы просили значения RGB, а не Манселла; ты получил RGB. Они будут работать для ваших целей, нет необходимости использовать все из них, и я дал вам подробную информацию о том, что у вас есть возможность изменить их. Участники сайта не могут выполнять вашу работу за вас (см. FAQ).
Алан Гилбертсон

2
Исправление к значениям в комментарии @ neu242 (где голубой и синий "сливаются", и который содержит белый). Я думаю, что цвета Алана: #ff0000 #b00000 #870000 #550000 #e4e400 #baba00 #878700 #545400 #00ff00 #00b000 #008700 #005500 #00ffff #00b0b0 #008787 #005555 #b0b0ff #8484ff #4949ff #0000ff #ff00ff #b000b0 #870087 #550055 #e4e4e4 #bababa #878787 #545454но я не обязательно буду использовать их в таком порядке ...
MikeLimaOscar

2
... здесь они снова как тройки RGB, но "транспонированы" {255,0,0}, {228,228,0}, {0,255,0}, {0,255,255}, {176,176,255}, {255,0,255}, {228,228,228}, {176,0,0}, {186,186,0}, {0,176,0}, {0,176,176}, {132,132,255}, {176,0,176}, {186,186,186}, {135,0,0}, {135,135,0}, {0,135,0}, {0,135,135}, {73,73,255}, {135,0,135}, {135,135,135}, {85,0,0}, {84,84,0}, {0,85,0}, {0,85,85}, {0,0,255}, {85,0,85}, {84,84,84}.
MikeLimaOscar

7

Хороший подход - цветовая схема Solarized от Ethan Schoonover.

Из опк .:

«Solarized - это шестнадцать цветовых палитр (восемь монотонов, восемь акцентных цветов), разработанных для использования с терминалами и графическими приложениями».

Я думаю, что это не только хорошая цветовая схема, но также расширяемая и имеет хорошую теорию.


6

Есть фундаментальный недостаток, и он пытается изобразить 20 разных вещей в одном визуале. Это много визуального беспорядка, и добавление 20 цветов только добавит к этому беспорядку.

Я бы подумал переосмыслить весь визуальный эффект, если можешь. Возможно, разбить его на 4 изображения по 5 цветов, смешать и сопоставить наложения и т. Д.

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

http://www.edwardtufte.com/tufte/


3

Вы можете попробовать этот палитру цветов. Он был разработан для карт, но мы также используем его для диаграмм и графиков. Удачи!

http://colorbrewer2.org/

Макс 12 цветов, хотя. извиняюсь. :)

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.