¿Dónde puedo encontrar una gran paleta / conjunto de colores contrastantes para colorear muchos conjuntos de datos en un gráfico?


83

Necesito un gran conjunto (20 y más) de colores contrastados y fácilmente distinguibles visualmente para colorear diferentes conjuntos de datos en una trama científica (el conjunto de colores no debe incluir blanco o negro, y los colores deben ser lo más brillantes posible).

La trama se genera mediante programación y está destinada a incluirse en una presentación que se mostrará mediante un proyector.

¿Hay conjuntos de colores listos para esa tarea (necesito colores como un conjunto de valores RGB)?

¿O tal vez hay algún algoritmo que genera dicho conjunto de colores mediante programación (uso Wolfram Mathematica para la generación de tramas)?

PD La trama en sí misma puede verse, por ejemplo, similar a esta:

captura de pantalla


Para el fondo, ¿por qué realmente necesitan ser distinguibles?
e100

Quiero decir, ¿por qué los diferentes conjuntos de puntos de datos deben ser distinguibles?
e100

2
@ e100 En otras palabras, los colores se usan aquí para indicar la pertenencia al grupo.
Alexey Popkov

Respuestas:


65

Gracias al gran trabajo

P. Green-Armytage (2010): Un alfabeto de colores y los límites de la codificación de colores. // Color: diseño y creatividad (5) (2010): 10, 1-23

(¡y para el usuario ohadsc que lo hizo referencia !) ahora conozco al menos 3 conjuntos de colores de contraste máximo listos que contienen no menos de 20 colores (pero todavía tengo valores RBG explícitos solo para uno de ellos):

1) El conjunto de 22 colores de máximo contraste propuesto por Kenneth Kelly en el trabajo:

K. Kelly (1965): veintidós colores de máximo contraste. // Color Eng., 3 (6)

Específicos (citando P. Green-Armytage): "El orden de los colores en la lista de Kelly fue planeado para que hubiera un contraste máximo entre los colores en un conjunto si el número requerido de colores siempre se seleccionara en orden desde arriba. <.. .> Kelly se ocupó de las necesidades de las personas con visión defectuosa del color. Los primeros nueve colores serían máximamente diferentes para esas personas, así como para las personas con visión normal. Estos nueve colores también se distinguen fácilmente por el nombre del color ".

Información adicional (citando a P. Green-Armytage): "El ISCC creó el Comité de Proyecto 54 con la intención de actualizar el trabajo de Kelly. Sin embargo, el comité decidió que, por lo que estaban tratando de hacer, no podían mejorar El conjunto de colores de Kelly ".

2) El conjunto de 25 colores sugeridos por Robert y Ellen Carter en el trabajo:

Robert C. Carter, Ellen C. Carter (1982): conjuntos de colores de alto contraste. // Appl. Optics, 21 (1982) 2936-2939.

Datos específicos (citando a P. Green-Armytage): "Carter y Carter hacen referencia al trabajo de Kelly y verifican su suposición de que la facilidad con que se pueden discriminar dos colores depende de qué tan separados estén los colores en el espacio de color. De los espacios de color disponibles en el momento en que eligieron CIE L u v * como el más apropiado para su estudio. <...> Descubrieron que la capacidad de las personas para identificar los colores disminuía rápidamente rápidamente cuando la distancia entre los colores era inferior a 40 unidades CIE L u v * ". En su trabajo presentan un conjunto de 25 colores separados por al menos 51,6 unidades CIE L u v *.

3) El conjunto de 26 colores para el Proyecto de Alfabeto en Color sugerido por Paul Green-Armytage en el trabajo antes mencionado "Un Alfabeto de Color y los Límites de la Codificación de Color". Este conjunto de colores está diseñado para su uso con fondo blanco. Tripletes RGB de este conjunto son: {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}.

ACTUALIZACIÓN 1

4) Hay otro excelente artículo sobre el tema:

Zeileis, Hornik y Murrell (2009): Escaping RGBland: Selección de colores para gráficos estadísticos // Estadísticas computacionales y análisis de datos Volumen 53, número 9, 1 de julio de 2009, páginas 3259-3270

Este artículo contiene un buen conjunto de 26 colores distintos en la página 11:

Conjunto de colores Zeileis, Hornik y Murrell 2009

Tripletes RGB de este conjunto son: {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}.

ACTUALIZACIÓN 2

El usuario Tatarize sugiere en su blog :

5) Un conjunto de 64 colores máximamente diferentes :

El conjunto de Tatarize de 64 colores máximamente diferentes

6) Un diccionario de colores de 269 colores máximamente distintos de todos los colores anteriores (utilicé esta función para obtener tripletes RGB de los códigos hexadecimales):

Alfabeto de colores de Tatarize

Aquí están los códigos hexadecimales de la publicación de blog vinculada (lista completa de 269 códigos hexadecimales del alfabeto de colores de Tatarize ocultos en el historial de cambios para facilitar la lectura).

7) 256 colores distintos .

ACTUALIZACIÓN 3

Aplicaciones web potencialmente útiles:

ACTUALIZACIÓN 4

8) Lista de 20 colores simples y distintos de Sasha Trubetskoy:

imagen

"Hice una lista de colores fácil de usar que está optimizada en todos los medios; no sin pequeños compromisos, por supuesto, como conversiones CMYK inexactas. El problema principal es elegir colores" puros "(por ejemplo, 100% magenta) o seguros para la web conduce a paletas de colores obscenas, distractoras y desequilibradas. Este es mi intento de una paleta agradable que funcione bien para diagramas de red o de estilo de tránsito, o para datos categóricos ".


1
Esto es bastante útil, Alexey. ¡Gracias! Me pregunto si encontraste algo para 1. escalas de color continuas (gradientes) 2. escalas de color o conjuntos de colores que retienen el contraste incluso después de la conversión en escala de grises (un requisito en las revistas APS, por ejemplo). graphicdesign.stackexchange.com/questions/7960/…
Szabolcs

Si alguien lo necesita, aquí están los códigos hexadecimales de los colores en el mismo orden en que están en la imagen **** cadena privada [,] 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

¿Alguien tiene el código hexadecimal para los colores en la Actualización n. ° 1?
corrimiento al rojo

2
@redshift Ellos son: "#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

para crear cadenas separadas por comas hexagonales de aquellos, utilice este oneliner pitón: print("'" + "', '". ...: join('#'+''.join(f'{int(c):02x}' for c in col.split(',')) for col in colors.strip('{}').split('},{')) + "'").
ovejas voladoras

18

La combinación de "brillante", "fácilmente distinguible" y "20 y más" es complicada. Me recuerda a "Nuestro trabajo es rápido, barato y de alta calidad. Elija cualquiera de los dos". Creo que podrías dejar "brillante" de la mezcla y solo decir "contrastado". Eso hace que el resumen sea más simple de lograr, y creo que lo llevará a donde quiere estar.

No conozco ese conjunto de antemano, pero así es como lo haría con Photoshop:

  • Cree un documento en blanco en el modo de color (RGB o CMYK) que desee usar. RGB es correcto para todas las impresoras de escritorio y para visualización en pantalla o proyección. Use CMYK solo si necesita valores CMYK reales.

  • Elija 5 colores base distribuidos uniformemente alrededor de la rueda de colores. En la configuración de tono, eso significa 0, 60, 120, 180, 240 y 300. Estos serían sus puntos de partida. (Alternativamente, reemplace las muestras predeterminadas con el conjunto de Windows o Mac disponible en el menú desplegable del panel Muestras, y use el séptimo al último penúltimo).

  • Para cada tono, seleccione 5 o 6 niveles de brillo y saturación que le brinden colores finales fáciles de distinguir.

  • A medida que encuentre cada uno, agréguelo a sus muestras.

Si está configurando estos para que se generen mediante programación, simplemente tome cualquiera de los valores que se ajusten al modelo de color con el que estará tratando. Si necesita usar Illustrator o Flash para los puntos, agregue estos pasos:

  • Elimine todas las otras muestras (Alt / Opt-click para eliminar) para que todo lo que le quede sean las que desee.

  • Guarde las muestras utilizando "Guardar muestras para intercambio ..." en el menú lateral Muestras. Esto guarda un archivo .ASE que se puede cargar en Illustrator, InDesign o cualquiera de las otras aplicaciones de Adobe.

Espero que eso ayude.

[Adición después de la pregunta ampliada]

Los colores base en hexadecimal son: 0xff0000 (rojo puro), 0xffff00 (amarillo), 0x00ff00 (verde), 0x00ffff (cian), 0x0000ff (azul) y 0xff00ff (magenta). Al experimentar un poco, encontré que el amarillo puro demasiado cerca del blanco para ser completamente útil para sus propósitos, y el azul requería un punto de partida diferente porque es visualmente oscuro. De cada color base, puede salirse con 4 tonos. Dado que también puede usar grises, eso permite una matriz de 7x4 de lo que consideraría colores bastante utilizables, dadas sus restricciones (y presunta falta de acceso a Photoshop o una aplicación similar). ¡Toma una calculadora y deriva los valores decimales si los necesitas! :-)

  • Para todos menos el amarillo, azul y gris, sus puntos de partida son los colores puros. Reduce los valores hexadecimales de ff a b0, 87 y 55 para tus cuatro sombras.

  • Para el azul, el "brillante" es b0b0ff, y los tonos son 8484ff, 4949ff y 0000ff.

  • Para el amarillo: e4e400, baba00, 878700 y 545400 funcionarán, y para los valores grises hacen que los bytes de orden bajo sean los mismos que el alto y el medio en cada caso.

Mi gráfico rápido y sucio de estos (menos los grises) se ve así:

cuadrícula de color


He corregido mi pregunta: los colores deben ser contrastados (y en la medida de lo posible brillantes). La trama se genera mediante programación y necesito los colores como un conjunto de valores RGB. Gracias.
Alexey Popkov

Ver la respuesta ampliada. Creo que eso te llevará a donde necesitas estar.
Alan Gilbertson

2
Vuelva a leer el párrafo 2 de mi respuesta. Usted solicitó valores RGB, no Munsell; Tienes RGB. Estos funcionarán para sus propósitos, no es necesario usarlos todos, y le di los detalles para que tenga la flexibilidad de modificarlos. Los colaboradores del sitio no están aquí para hacer su trabajo por usted (consulte las preguntas frecuentes).
Alan Gilbertson el

2
Una corrección a los valores en el comentario de @ neu242 (donde "cian" y "azul" se fusionan y que contiene blanco). Creo que los colores de Alan son: #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 #545454pero no los usaría necesariamente en ese orden ...
MikeLimaOscar

2
... aquí están de nuevo como triples RGB pero "transponer": {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 buen enfoque es el esquema de color Solarized de Ethan Schoonover.

De la descr .:

"Solarized es una paleta de dieciséis colores (ocho monótonos, ocho colores de acento) diseñada para usar con aplicaciones de terminal y gui".

Creo que no solo es un buen esquema de color, sino que también es extensible y tiene una buena teoría detrás.


6

Hay una falla fundamental y está tratando de trazar 20 cosas diferentes en una imagen. Eso es mucho desorden visual y agregar 20 colores solo se agregará a ese desorden.

Consideraría repensar la visión general si puedes. Quizás lo segmente en 4 imágenes de 5 colores cada una, mezcle y combine superposiciones, etc.

Tufte es el recurso de referencia para aprender más sobre cómo trazar datos de la manera que mejor comunique el objetivo:

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


3

Puedes probar este selector de color. Fue diseñado para mapas, pero también lo usamos para tablas y gráficos. ¡Buena suerte!

http://colorbrewer2.org/

Max 12 colores sin embargo. lo siento. :)

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.