Gdzie mogę znaleźć dużą paletę / zestaw kontrastowych kolorów do kolorowania wielu zestawów danych na wykresie?

83

Potrzebuję dużego zestawu (20 i więcej) kontrastowych i łatwo rozpoznawalnych wizualnie kolorów do kolorowania różnych zestawów danych na wykresie naukowym (zestaw kolorów nie powinien zawierać bieli ani czerni, a kolory powinny być tak jasne, jak to możliwe).

Fabuła jest generowana programowo i ma być zawarta w prezentacji, która zostanie wyświetlona za pomocą projektora.

Czy są jakieś gotowe zestawy kolorów do takiego zadania (potrzebuję kolorów jako zestawu wartości RGB)?

A może jest jakiś algorytm generujący programowo taki zestaw kolorów (używam Wolfram Mathematica do generowania wykresów)?

PS Sama fabuła może wyglądać na przykład podobnie do tej:

zrzut ekranu

Aleksiej Popkow
źródło
W tle, dlaczego tak naprawdę muszą być odróżnialne?
e100
Miałem na myśli, dlaczego różne zestawy punktów danych muszą być rozróżnialne?
e100
2
@ e100 Innymi słowy, kolory używane są tutaj, aby wskazać członkostwo w grupie.
Alexey Popkov,

Odpowiedzi:

65

Dzięki świetnej pracy

P. Green-Armytage (2010): Kolorowy alfabet i granice kodowania kolorów. // Kolor: design i kreatywność (5) (2010): 10, 1-23

(i użytkownikowi ohadsc, który się do niego odwołuje !) Teraz znam co najmniej 3 gotowe zestawy kolorów o maksymalnym kontraście zawierające nie mniej niż 20 kolorów (ale nadal mam wyraźne wartości RBG tylko dla jednego z nich):

1) Zestaw 22 kolorów maksymalnego kontrastu zaproponowany przez Kennetha Kelly'ego w pracy:

K. Kelly (1965): Dwadzieścia dwa kolory o maksymalnym kontraście. // Color Eng., 3 (6)

Szczegóły (cytując P. Green-Armytage): „Kolejność kolorów na liście Kelly została zaplanowana tak, aby był maksymalny kontrast między kolorami w zestawie, gdyby wymagana liczba kolorów była zawsze wybierana w kolejności od góry. <.. .> Kelly zadbała o potrzeby osób z wadliwym widzeniem kolorów. Pierwsze dziewięć kolorów będzie maksymalnie różne dla takich osób, jak również dla osób o normalnym widzeniu. Te dziewięć kolorów można łatwo rozróżnić po nazwie koloru. ”

Informacje dodatkowe (powołując się na P. Green-Armytage): „ISCC powołało Komitet Projektowy 54 z zamiarem uaktualnienia pracy Kelly. Komitet uznał jednak, że z uwagi na to, co próbowali zrobić, nie mogli poprawić Zestaw kolorów Kelly. ”

2) Zestaw 25 kolorów zaproponowany przez Roberta i Ellen Carter w pracy:

Robert C. Carter, Ellen C. Carter (1982): Zestawy kontrastowych kolorów. // Appl. Optics, 21 (1982) 2936-2939.

Szczegóły (cytując P. Green-Armytage): „Carter i Carter odnoszą się do pracy Kelly'ego i weryfikują jego założenie, że łatwość rozróżniania dwóch kolorów zależy od odległości między kolorami w przestrzeni kolorów. Od dostępnych przestrzeni kolorów w tym czasie wybrali CIE L u v * jako najbardziej odpowiedni do swoich badań. <...> Stwierdzili, że zdolność ludzi do prawidłowego rozpoznawania kolorów gwałtownie spadła, gdy odległość między kolorami była mniejsza niż 40 jednostek CIE L u v *. ” W swojej pracy przedstawiają zestaw 25 kolorów oddzielonych co najmniej 51,6 jednostkami CIE L u v *.

3) Zestaw 26 kolorów dla projektu Color Alphabet Project zasugerowany przez Paula Green-Armytage w cytowanej pracy „A Color Alphabet and the Limits of Color Coding”. Ten zestaw kolorów jest przeznaczony do użytku z białym tłem. RGB trojaczki z tego zestawu to: {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}.

AKTUALIZACJA 1

4) Jest jeszcze jeden doskonały artykuł na ten temat:

Zeileis, Hornik i Murrell (2009): Escaping RGBland: Wybór kolorów dla grafiki statystycznej // Statystyka obliczeniowa i analiza danych Tom 53, wydanie 9, 1 lipca 2009, strony 3259-3270

Ten artykuł zawiera ładny zestaw 26 różnych kolorów na stronie 11:

Zestaw kolorów Zeileis, Hornik i Murrell 2009

RGB trojaczki z tego zestawu to: {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}.

AKTUALIZACJA 2

Użytkownik Tatarize sugeruje na swoim blogu :

5) Zestaw 64 maksymalnie odmiennych kolorów :

Zestaw 64 maksymalnie odmiennych kolorów Tatarize

6) Słownik kolorów zawierający maksymalnie 269 kolorów różniących się od wszystkich poprzednich kolorów (skorzystałem z tej funkcji, aby uzyskać tryplety RGB z kodów szesnastkowych):

Alfabet kolorów Tatarize

Oto kody szesnastkowe z linkowanego posta na blogu (pełna lista 269 kodów szesnastkowych alfabetu kolorowego Tatarize ukryta w historii zmian dla czytelności).

7) 256 różnych kolorów .

AKTUALIZACJA 3

Potencjalnie przydatne aplikacje internetowe:

AKTUALIZACJA 4

8) Lista 20 prostych, wyrazistych kolorów autorstwa Sashy Trubetskoy:

wizerunek

„Stworzyłem łatwą w użyciu listę kolorów zoptymalizowaną dla wszystkich mediów; oczywiście nie bez drobnych kompromisów, takich jak niedokładne konwersje CMYK. Głównym problemem jest wybór kolorów„ czystych ”(np. 100% magenta) lub bezpiecznych dla sieci prowadzi do niewyraźnych, rozpraszających i niezrównoważonych palet kolorów. To moja próba stworzenia ładnej palety, która dobrze sprawdza się w przypadku diagramów w stylu sieciowym lub tranzytowym albo w przypadku danych kategorycznych ”.

Aleksiej Popkow
źródło
1
To jest całkiem przydatne, Alexey. Dzięki! Zastanawiam się, czy znalazłeś coś dla 1. ciągłych skal kolorów (gradientów) 2. skal kolorów lub zestawów kolorów, które zachowują kontrast nawet po konwersji w skali szarości (na przykład w dziennikach APS). graphicdesign.stackexchange.com/questions/7960/…
Szabolcs
Jeśli ktoś potrzebuje, oto kody szesnastkowe kolorów w tej samej kolejności, w jakiej znajdują się na obrazie **** prywatny ciąg [,] 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,
Czy ktoś ma kod szesnastkowy kolorów w aktualizacji nr 1?
przesunięcie
2
@redshift Są to: "#023fa5", "#7d87b9", "#bec1d4", "#d6bcc0", "#bb7784", "#8e063b", "#4a6fe3", "#8595e1", "#b5bbe3", "#e6afb9", "#e07b91", "#d33f6a", "#11c638", "#8dd593", "#c6dec7", "#ead3c6", "#f0b98d", "#ef9708", "#0fcfc0", "#9cded6", "#d5eae7", "#f3e1eb", "#f6c4e1", "#f79cd4".
Aleksiej Popkow
do tworzenia ciągów oddzielonych przecinkami sześciokątne od tych, użyj tego Pythona oneliner: print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
latające owce
18

Połączenie „jasnych”, „łatwych do odróżnienia” i „20 i więcej” jest trudne. Przypomina mi: „Nasza praca jest szybka, tania i wysokiej jakości. Wybierz dowolne dwa”. Myślę, że możesz zrzucić „jasne” z miksu i po prostu powiedzieć „skontrastowane”. To sprawia, że ​​krótkie zadanie jest łatwiejsze do osiągnięcia i myślę, że doprowadzi cię tam, gdzie chcesz być.

Nie znam takiego off-handa, ale oto jak bym to zrobił za pomocą Photoshopa:

  • Utwórz pusty dokument w trybie koloru (RGB lub CMYK), którego chcesz użyć. RGB jest odpowiedni dla wszystkich drukarek biurkowych oraz do wyświetlania na ekranie lub projekcji. Używaj CMYK tylko wtedy, gdy potrzebujesz rzeczywistych wartości CMYK.

  • Wybierz 5 kolorów podstawowych równomiernie rozmieszczonych wokół koła kolorów. W ustawieniu Barwa oznacza to 0, 60, 120, 180, 240 i 300. To byłyby twoje punkty początkowe. (Ewentualnie zamień domyślne próbki na zestaw Windows lub Mac dostępny w wysuwanym menu panelu Próbki i użyj pozycji od 7 do 2).

  • Dla każdego odcienia wybierz 5 lub 6 poziomów jasności i nasycenia, które dają łatwo rozpoznawalne kolory końcowe.

  • Jak znajdziesz każdy z nich, dodaj go do swoich próbek.

Jeśli ustawiasz, aby były generowane programowo, po prostu weź dowolną z wartości odpowiadającą modelowi kolorów, z którym masz do czynienia. Jeśli potrzebujesz kropek w programie Illustrator lub Flash, dodaj następujące kroki:

  • Usuń wszystkie inne próbki (Alt / Opt-kliknij, aby usunąć), aby pozostały tylko te, które chcesz.

  • Zapisz próbki za pomocą „Zapisz próbki do wymiany ...” w wysuwanym menu Próbki. Spowoduje to zapisanie pliku .ASE, który można załadować do programu Illustrator, InDesign lub dowolnej innej aplikacji Adobe.

Mam nadzieję że to pomogło.

[Dodanie po rozszerzeniu pytania]

Podstawowe kolory w systemie szesnastkowym to: 0xff0000 (czysta czerwień), 0xffff00 (żółty), 0x00ff00 (zielony), 0x00ffff (cyjan), 0x0000ff (niebieski) i 0xff00ff (magenta). Podczas niektórych eksperymentów odkryłem, że czysta żółta jest zbyt blisko zbyt białej, aby była całkowicie przydatna do twoich celów, a niebieski wymagał innego punktu wyjścia, ponieważ jest wizualnie ciemny. Z każdego koloru podstawowego można uzyskać 4 odcienie. Ponieważ możesz również używać szarości, to pozwala na matrycę 7x4, co uważam za całkiem użyteczne kolory, biorąc pod uwagę twoje ograniczenia (i przypuszczalny brak dostępu do Photoshopa lub podobnej aplikacji). Chwyć kalkulator i uzyskaj wartości dziesiętne, jeśli ich potrzebujesz! :-)

  • Dla wszystkich oprócz żółtego, niebieskiego i szarego punktem wyjścia są czyste kolory. Zmniejsz wartości szesnastkowe z ff do b0, 87 i 55 dla swoich czterech odcieni.

  • W przypadku niebieskiego „jasne” to b0b0ff, a odcienie to 8484ff, 4949ff i 0000ff.

  • W przypadku koloru żółtego: e4e400, baba00, 878700 i 545400 będą działać, a dla wartości szarości ustaw bajty niskiego rzędu tak samo, jak wysokie i średnie w każdym przypadku.

Moja szybka i brudna tabela tych (bez szarości) wygląda następująco:

siatka kolorów

Alan Gilbertson
źródło
Poprawiłem swoje pytanie: kolory powinny być kontrastowane (i tak dalece, jak to możliwe jasne). Fabuła jest generowana programowo i potrzebuję kolorów jako zestawu wartości RGB. Dziękuję Ci.
Alexey Popkov,
Zobacz rozszerzoną odpowiedź. Myślę, że to zaprowadzi cię tam, gdzie musisz być.
Alan Gilbertson,
2
Przeczytaj ponownie akapit 2 mojej odpowiedzi. Poprosiłeś o wartości RGB, a nie Munsell; masz RGB. Będą one działać dla twoich celów, nie ma potrzeby korzystania z nich wszystkich, a ja podałem ci szczegóły, że masz swobodę ich modyfikowania. Współtwórcy witryny nie są tutaj, aby wykonywać swoją pracę za Ciebie (zobacz FAQ).
Alan Gilbertson,
2
Korekta wartości w komentarzu @ neu242 (gdzie „łączą się” cyjan i niebieski i który zawiera biel). Myślę, że kolory Alana to: #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 #545454ale niekoniecznie
użyłbym
2
... oto one ponownie jako trójek RGB ale „transponowane”: {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

Miłym podejściem jest schemat kolorów Solarized autorstwa Ethana Schoonovera.

Od opisu .:

„Solarized to szesnaście palet kolorów (osiem monotonicznych, osiem akcentujących kolorów) zaprojektowanych do użytku z aplikacjami terminalowymi i GUI.”

Myślę, że to nie tylko ładna kolorystyka, ale także możliwość rozszerzenia i ma za sobą ładną teorię.

kajzer
źródło
6

Jest podstawowa wada, a próba wykreślenia 20 różnych rzeczy w jednym obrazie. To dużo wizualnego bałaganu, a dodanie 20 kolorów tylko doda do tego bałaganu.

Rozważę ponowne przemyślenie ogólnego wyglądu, jeśli możesz. Być może podziel go na 4 elementy wizualne po 5 kolorów, mieszaj i dopasowuj nakładki itp.

Tufte to podstawowe źródło informacji o wykreślaniu danych w sposób, który najlepiej komunikuje cel:

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

DA01
źródło
3

Możesz wypróbować ten próbnik kolorów. Został zaprojektowany do map, ale używamy go również do map i wykresów. Powodzenia!

http://colorbrewer2.org/

Jednak maksymalnie 12 kolorów. Przepraszam. :)

Dave
źródło