Де можна знайти велику палітру / набір контрастних кольорів для фарбування багатьох наборів даних на ділянці?


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): "Порядок кольорів у списку Келлі був спланований таким чином, щоб було максимально контрастне між кольорами в наборі, якби потрібна кількість кольорів завжди вибиралася в порядку зверху. <.. .> Келлі подбала про потреби людей з дефектним кольоровим зором. Перші дев'ять кольорів були б максимально різними для таких людей, як і для людей з нормальним зором. Ці дев'ять кольорів також легко відрізняються за назвою кольору ".

Додаткова інформація (цитуючи П. Грін-Армітаж): "МККК створив проектний комітет 54 з метою наблизити роботу Келлі. Однак, комітет вирішив, що для того, що вони намагалися зробити, вони не зможуть покращити Набір кольорів Келлі ".

2) Набір з 25 кольорів, запропонованих Робертом та Еллен Картер у творі:

Роберт К. Картер, Еллен К. Картер (1982): висококонтрастні набори кольорів. // Додаток. Оптика, 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): Escaping 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 шістнадцяткових кодів кольорового алфавіту Tatarize, прихованих в історії змін для читабельності).

7) 256 різних кольорів .

ОНОВЛЕННЯ 3

Потенційно корисні веб-програми:

ОНОВЛЕННЯ 4

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

зображення

"Я створив простий у використанні список кольорів, оптимізований на всіх носіях інформації; не без дрібних компромісів, звичайно, таких як неточні перетворення CMYK. Основне питання - це вибір" чистих "(наприклад, 100% пурпуровий) або безпечних для Інтернету кольорів це призводить до похмурої, відволікаючої та незбалансованої кольорової палітри. Це моя спроба приємної палітри, яка добре працює для мережевих або транзитних діаграм або для категоричних даних "


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

Якщо комусь потрібно, ось шістнадцяткові коди кольорів у тому ж порядку, як вони є на малюнку **** 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".
Олексій Попков

щоб створити шістнадцяткові рядки з цих, використовуйте цей python 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 базових кольорів, рівномірно розподілених навколо кольорового колеса. У налаштуванні відтінку це означає 0, 60, 120, 180, 240 і 300. Це будуть ваші вихідні точки. (Крім того, замініть зразки за замовчуванням на набір Windows або Mac, доступний у меню розгортання панелі Swatches, і використовуйте 7-е-останнє-друге-останнє.)

  • Для кожного відтінку виберіть 5 або 6 рівнів яскравості та насиченості, які дозволять легко розрізнити остаточні кольори.

  • Коли ви знайдете кожного, додайте його до своїх образів.

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

  • Видаліть усі інші зразки (клацніть Alt / Opt, щоб видалити), щоб залишилось лише те, що вам потрібно.

  • Збережіть зразки, використовуючи "Зберегти зразки для обміну ..." на макеті Swatches. Це зберігає файл .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, а не Munsell; у вас 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 - це шістнадцять кольорової палітри (вісім монотонів, вісім кольорів акцентів), призначених для використання з терміналами та додатками gui."

Я думаю, що це не тільки приємна колірна гамма, але також розширювана і має приємну теорію за нею.


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.