Dove posso trovare una vasta tavolozza / set di colori contrastanti per colorare molti set di dati su una trama?


83

Ho bisogno di un grande set (20 e più) di colori contrastati e facilmente distinguibili visivamente per colorare diversi set di dati su un diagramma scientifico (il set di colori non dovrebbe includere bianco o nero e i colori dovrebbero essere il più luminosi possibile).

La trama viene generata a livello di codice e intesa per essere inclusa in una presentazione che verrà visualizzata utilizzando un proiettore.

Esistono set di colori già pronti per tale attività (ho bisogno di colori come set di valori RGB)?

O forse c'è qualche algoritmo che genera una tale serie di colori a livello di codice (io uso Wolfram Mathematica per la generazione della trama)?

PS La trama stessa può sembrare, ad esempio, simile a questa:

immagine dello schermo


Per lo sfondo, perché hanno davvero bisogno di essere distinguibili?
e100

Intendevo, perché i diversi set di punti dati devono essere distinguibili?
e100

2
@ e100 In altre parole, i colori vengono utilizzati qui per indicare l'appartenenza al gruppo.
Alexey Popkov,

Risposte:


65

Grazie per l'ottimo lavoro

P. Green-Armytage (2010): A Color Alphabet and the Limits of Color Coding. // Color: Design & Creativity (5) (2010): 10, 1-23

(e all'utente ohadsc che lo ha fatto riferimento !) ora conosco almeno 3 set di colori preconfezionati di massimo contrasto contenenti non meno di 20 colori (ma ho ancora valori RBG espliciti solo per uno di essi):

1) L'insieme di 22 colori di massimo contrasto proposti da Kenneth Kelly nell'opera:

K. Kelly (1965): ventidue colori di massimo contrasto. // Color Eng., 3 (6)

Specifiche (citando P. Green-Armytage): "L'ordine dei colori nella lista di Kelly è stato pianificato in modo che ci sarebbe il massimo contrasto tra i colori in un set se il numero richiesto di colori fosse sempre selezionato in ordine dall'alto. <.. .> Kelly si è presa cura dei bisogni delle persone con una visione dei colori difettosa. I primi nove colori sarebbero stati completamente diversi per quelle persone così come per le persone con visione normale. Questi nove colori sono anche facilmente distinguibili per nome di colore. "

Informazioni aggiuntive (citando P. Green-Armytage): "L'ISCC ha istituito il comitato di progetto 54 con l'intenzione di aggiornare il lavoro di Kelly. Tuttavia, il comitato ha deciso che, per quello che stavano cercando di fare, non potevano migliorare Il set di colori di Kelly ".

2) L'insieme di 25 colori suggeriti da Robert ed Ellen Carter nell'opera:

Robert C. Carter, Ellen C. Carter (1982): set di colori ad alto contrasto. // Appl. Optics, 21 (1982) 2936-2939.

Specifiche (citando P. Green-Armytage): "Carter e Carter fanno riferimento al lavoro di Kelly e verificano la sua ipotesi che la facilità con cui due colori possono essere discriminati dipende dalla distanza dei colori nello spazio colore. Dagli spazi colore disponibili al momento hanno scelto CIE L u v * come più appropriato per il loro studio. <...> Hanno scoperto che la capacità delle persone di identificare correttamente i colori diminuiva rapidamente quando la distanza tra i colori era inferiore a 40 unità CIE L u v * ". Nel loro lavoro presentano un set di 25 colori separati da almeno 51,6 unità CIE L u v *.

3) L'insieme di 26 colori per il Progetto Alphabet Color suggerito da Paul Green-Armytage nell'opera sopra citata "A Color Alphabet and the Limits of Color Coding". Questo set di colori è progettato per l'uso con sfondo bianco. Triplette RGB di questo set sono: {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}.

AGGIORNAMENTO 1

4) C'è un altro eccellente articolo sull'argomento:

Zeileis, Hornik e Murrell (2009): Escaping RGBland: Selezione dei colori per la grafica statistica // Statistiche computazionali e analisi dei dati Volume 53, Numero 9, 1 luglio 2009, Pagine 3259-3270

Questo articolo contiene un bel set di 26 colori distinti nella pagina 11:

Set di colori Zeileis, Hornik e Murrell 2009

Triplette RGB di questo set sono: {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}.

AGGIORNAMENTO 2

L'utente Tatarize suggerisce nel suo blog :

5) Un set di 64 colori estremamente diversi :

Set di 64 colori di Tatarize estremamente diversi

6) Un dizionario di colori di 269 colori distinti al massimo da tutti i colori precedenti (ho usato questa funzione per ottenere terzine RGB dai codici esadecimali):

L'alfabeto di colore di Tatarize

Ecco i codici esadecimali dal post di blog collegato (elenco completo di 269 codici esadecimali dell'alfabeto dei colori di Tatarize nascosto nella cronologia delle modifiche per la leggibilità).

7) 256 colori distinti .

AGGIORNAMENTO 3

Applicazioni Web potenzialmente utili:

AGGIORNAMENTO 4

8) Elenco di 20 colori semplici e distinti di Sasha Trubetskoy:

Immagine

"Ho creato un elenco di colori facile da usare che è ottimizzato su tutti i media; ovviamente senza piccoli compromessi, come conversioni CMYK inesatte. Il problema principale è scegliere colori" puri "(ad es. Magenta al 100%) o sicuri per il web porta a tavolozze di colori sgargianti, distraenti e sbilanciati. Questo è il mio tentativo di una bella tavolozza che funzioni bene per diagrammi di rete o di transito o per dati categorici. "


1
Questo è abbastanza utile, Alexey. Grazie! Mi chiedo se hai trovato qualcosa per 1. scale di colore continue (gradienti) 2. scale di colore o set di colori che mantengono il contrasto anche dopo la conversione in scala di grigi (un requisito nelle riviste APS, ad esempio). graphicdesign.stackexchange.com/questions/7960/…
Szabolcs

Se qualcuno ne ha bisogno, ecco i codici esadecimali dei colori nello stesso ordine in cui si trovano nell'immagine **** stringa privata [,] 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,

Qualcuno ha il codice esadecimale per i colori nell'aggiornamento n. 1?
redshift

2
@redshift Essi sono: "#023fa5", "#7d87b9", "#bec1d4", "#d6bcc0", "#bb7784", "#8e063b", "#4a6fe3", "#8595e1", "#b5bbe3", "#e6afb9", "#e07b91", "#d33f6a", "#11c638", "#8dd593", "#c6dec7", "#ead3c6", "#f0b98d", "#ef9708", "#0fcfc0", "#9cded6", "#d5eae7", "#f3e1eb", "#f6c4e1", "#f79cd4".
Alexey Popkov,

per creare separati da virgola stringhe esadecimali da quelle, utilizzare questo pitone oneliner: print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
pecora volante

18

La combinazione di "brillante", "facilmente distinguibile" e "20 e più" è difficile. Mi ricorda "Il nostro lavoro è veloce, economico e di alta qualità. Scegli due." Penso che potresti lasciare "brillante" dal mix e dire semplicemente "contrastato". Questo rende il breve più semplice da raggiungere e penso che ti porterà dove vuoi essere.

Non conosco un tale set off-hand, ma ecco come lo farei usando Photoshop:

  • Creare un documento vuoto nella modalità colore (RGB o CMYK) che si desidera utilizzare. RGB è corretto per tutte le stampanti desktop e per la visualizzazione su schermo o proiezione. Utilizzare CMYK solo se sono necessari valori CMYK effettivi.

  • Scegli 5 colori di base distribuiti uniformemente attorno alla ruota dei colori. Nell'impostazione Tonalità, ciò significa 0, 60, 120, 180, 240 e 300. Questi sarebbero i tuoi punti di partenza. (In alternativa, sostituisci i campioni predefiniti con il set di Windows o Mac disponibile nel menu a comparsa del pannello Campioni e usa il settimo ultimo al secondo ultimo.)

  • Per ogni tonalità, selezionare 5 o 6 livelli di luminosità e saturazione che offrono colori finali facilmente distinguibili.

  • Quando li trovi, aggiungili ai tuoi campioni.

Se le stai impostando per essere generate in modo programmatico, prendi semplicemente il valore adatto al modello di colore che dovrai affrontare. Se è necessario utilizzare Illustrator o Flash per i punti, aggiungere questi passaggi:

  • Elimina tutti gli altri campioni (Alt / Opzione + clic per rimuovere) in modo che tutto ciò che ti resta sia quello che desideri.

  • Salvare i campioni usando "Salva campioni per Exchange ..." nel riquadro a comparsa Campioni. Ciò consente di salvare un file .ASE che può essere caricato in Illustrator, InDesign o in qualsiasi altra app Adobe.

Spero che aiuti.

[Aggiunta dopo domanda ampliata]

I colori di base in esadecimale sono: 0xff0000 (rosso puro), 0xffff00 (giallo), 0x00ff00 (verde), 0x00ffff (ciano), 0x0000ff (blu) e 0xff00ff (magenta). Facendo alcuni esperimenti, ho trovato il giallo puro troppo vicino troppo bianco per essere del tutto utile per i tuoi scopi, e il blu ha richiesto un punto di partenza diverso perché visivamente scuro. Da ogni colore di base, puoi scappare con 4 tonalità. Dal momento che puoi anche usare i grigi, ciò consente una matrice 7x4 di quelli che considererei colori abbastanza utilizzabili, dati i tuoi vincoli (e presunta mancanza di accesso a Photoshop o un'applicazione simile). Prendi una calcolatrice e ricava i valori decimali se ne hai bisogno! :-)

  • Per tutti tranne il giallo, il blu e il grigio, i tuoi punti di partenza sono i colori puri. Riduci i valori esadecimali da ff a b0, 87 e 55 per le tue quattro tonalità.

  • Per il blu, il "brillante" è b0b0ff e le sfumature sono 8484ff, 4949ff e 0000ff.

  • Per il giallo: e4e400, baba00, 878700 e 545400 funzioneranno, e per i valori di grigio rendono i byte di ordine basso uguali a quelli alti e medi in ogni caso.

Il mio grafico rapido e sporco di questi (meno i grigi) è simile al seguente:

griglia dei colori


Ho corretto la mia domanda: i colori dovrebbero essere contrastati (e per quanto possibile luminosi). La trama è generata a livello di programmazione e ho bisogno dei colori come un insieme di valori RGB. Grazie.
Alexey Popkov,

Vedi la risposta estesa. Penso che ti porterà dove devi essere.
Alan Gilbertson,

2
Rileggi il paragrafo 2 della mia risposta. Hai chiesto valori RGB, non Munsell; hai RGB. Funzioneranno per i tuoi scopi, non è necessario usarli tutti e ti ho dato i dettagli per avere la flessibilità di modificarli. I collaboratori del sito non sono qui per fare il tuo lavoro per te (vedi le FAQ).
Alan Gilbertson,

2
Una correzione ai valori nel commento di @ neu242 (dove ciano e blu "si fondono" e che contiene bianco). Penso che i colori di Alan siano: #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 #545454ma non li
userei

2
... eccoli di nuovo come triple RGB, ma "trasposizione": {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

Un approccio gradevole è la combinazione di colori solarizzata di Ethan Schoonover.

Dalla descrizione:

"Solarized è una tavolozza di sedici colori (otto monotoni, otto colori di accento) progettata per l'uso con applicazioni terminali e gui."

Penso che non sia solo una bella combinazione di colori, ma anche estensibile e ha una bella teoria dietro.


6

C'è un difetto fondamentale e sta tentando di tracciare 20 cose diverse in un unico aspetto. È un sacco di disordine visivo e l'aggiunta di 20 colori si aggiungerà solo a quel disordine.

Considererei di ripensare la visuale generale, se puoi. Forse segmentalo in 4 elementi visivi di 5 colori ciascuno, mescola e abbina sovrapposizioni, ecc.

Tufte è la risorsa ideale per saperne di più sulla stampa dei dati in modo da comunicare al meglio l'obiettivo:

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


3

Puoi provare questo selettore di colori. È stato progettato per le mappe ma lo usiamo anche per i grafici. In bocca al lupo!

http://colorbrewer2.org/

Max 12 colori però. scusa. :)

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.