Genera colori univoci

Question

Voglio disegnare alcuni dati in una trama: molti elementi in una riga. Non sono creati in ordine e possono essere tutti di dimensioni diverse (si pensi ad un heap di memoria). Ogni elemento di dati è un piccolo rettangolo e voglio essere in grado di distinguerli a parte, quindi vorrei che ognuno di essi avesse un colore unico.

Ora potrei semplicemente usare rand() per generare valori RGB e sperare che siano tutti diversi, ma sospetto che non otterrò una buona distribuzione nello spazio RGB. C'è un modo migliore di questo? Per esempio. qual è un buon modo di pedalare attraverso diversi colori prima che si ripetano (quasi)?

I colori non devono corrispondere con alcun dato negli articoli. Voglio solo essere in grado di osservare molti valori e vedere che sono diversi, in quanto sono adiacenti.

Potrei immaginare qualcosa ma penso che questa sia una domanda interessante. :)

Answer 1

L'utilizzo del modello di colore RGB non è un buon modo per ottenere un buon mix di colori. È meglio utilizzare un altro modello di colori per generare il proprio colore e quindi convertire da quel modello di colore in RGB.

Vi suggerisco invece il modello di colore HSV or HSL, in particolare si desidera variare lo Hue.

Se volete valori di colore diverso X, li variano da 0 a 360, con un passo di 360 diviso per X.

Answer 2

Che cosa è il vostro spazio campione ... quanti oggetti stiamo parlando.

Si potrebbe costruire una serie di triple di RGB

for(int r = 0; r < 255; r = r+16) 
    for(int g = 0; g < 255; g = g+16) 
     for(int b = 0; b < 255; b = b+16) 
      // take r, g, b and add it to a list 

Poi randomizzare vostra lista e scorrere attraverso di essa. che ti darà 16^3 (4096) colori diversi prima di un colore ripetuto.

Answer 3

In generale, RGB non è un grande spazio cromatico per fare questo tipo di cose perché è percettivamente non lineare, per i principianti. Ciò significa che le distanze uguali spostate tra le terzine RGB non sembrano ugualmente diverse ai nostri occhi.

probabilmente sarei lavoro nel L*c*h* spazio (see also) spazio, o HSL spazio, e solo creare una spaziatura uniforme tonalità. Questi spazi sono stati progettati per essere approssimativamente percettivamente lineari.

Answer 4

Questo è molto simile al problema dei quattro colori relative alle mappe colorare, questo potrebbe produrre alcune soluzioni interessanti per voi:

Four colour theorem

Answer 5

Google "Delta E cie 2000"; la formula della differenza cromatica è utile per determinare la distanza apparente (visiva) tra 2 colori. (Su un monitor, c'è una formula diversa per i pigmenti.) Funziona sui colori nello spazio Lab (oggetti di scena in simon), ma applica un calcolo percettivo della differenza.

Abbiamo scoperto che un certo numero di circa 1,5 è stato sufficiente a garantire visivamente colori distinti (per esempio, si può dire la differenza se sono vicino l'un l'altro), ma se si vuole identificabili colori (è possibile trovare qualsiasi colore una leggenda) dovrai affrontarlo.

Come creare un set di colori ...Probabilmente comincerei da un angolo dello spazio Lab e lo girerei usando una dimensione di passo che dia grandi differenze visive (nota: non è lineare, quindi la dimensione del passo dovrà probabilmente essere adattiva) e quindi randomizzare l'elenco.

Answer 6

Se avete solo bisogno di un insieme di colori percettivamente-distinti (e non un algoritmo per generare loro) ho creato uno strumento gratuito sul mio sito che fa proprio questo:
http://phrogz.net/css/distinct-colors.html

Invece di limitarsi a utilizzare anche spaziando nello spazio RGB o HSV (che non sono distribuiti uniformemente rispetto alla percezione umana) lo strumento consente di generare una griglia di valori nello spazio HSV e quindi utilizza lo standard CMC(I:c) per la distanza di colore per eliminare colori che sono percettivamente troppo vicini a vicenda. (Il cursore "soglia" nella seconda scheda consente di controllare quanto visivamente distinti devono essere i colori, mostrandoli in tempo reale.)

Alla fine, è possibile ordinare l'elenco dei colori generati in base a vari criteri, e quindi "mischia" uniformemente quell'elenco in modo tale da garantire che i valori visivamente distinti siano l'uno accanto all'altro nella lista. (Raccomando un valore 'Interleave' di circa 5.)

Al momento della stesura dello scritto lo strumento funziona bene con Chrome, Safari e (tramite uno shim) Firefox; IE9 non supporta i cursori di input dell'intervallo HTML5, che l'interfaccia utente utilizza estensivamente per l'esplorazione interattiva.