Paleta de al menos 10 tonos con 4 niveles de luminosidad (por apariencia percibida)

Para una interfaz de usuario, necesito al menos 10 tonos distintivos percibidos, para obtener una paleta con estos criterios:

  • La paleta debe tener al menos 10 tonos y 4 niveles de luminosidad para cada tono (oscuro, medio oscuro, medio claro, claro).
  • Cada uno de los tonos debe tener la misma distancia percibida con respecto al siguiente.
  • Cada uno de los tonos debe tener una saturación alta (es decir, el marrón no debe ser una opción, ya que es un naranja desaturado). Gris, blanco o negro tampoco son opciones.
  • Cada nivel de luminosidad debe percibirse como el mismo en todos los tonos (es decir, el azul_oscuro debe ser tan oscuro como el amarillo_oscuro).
  • Si cada tono se puede nombrar fácilmente, sería una buena adición (es decir, rojo, naranja, amarillo, etc.).
  • La claridad oscura y media-oscura debe tener un buen contraste con el blanco.
  • La luminosidad ligera y media-ligera debe tener un buen contraste con el negro.

He hecho esta prueba, que está lejos de lo que necesito (es decir, el amarillo y el dorado están más cerca que el turquesa y el azul), pero puede dar una idea de lo que estoy buscando:

Prueba de paleta de colores de 12 tonos

¿Hay alguna paleta que se ajuste a estos criterios? Si no, ¿hay alguna manera de lograr esto o algo similar a esto?

Editar: Cambié la pregunta de "paleta de 12 colores" a "Al menos 10 colores" ya que no necesito específicamente 12.

¿Necesitas compensar a los espectadores daltónicos?
No realmente, ya que hay otras pistas visuales (iconos + colores)
Diseño gráfico relacionado.stackexchange.com/questions/108733/…
Por cierto, es bermellón, no bermellón.
Gracias por la aclaración @BillyKerr, lo confundí con la palabra en español.

Respuestas (3)

La rueda de color básica tiene 12 colores:

ingrese la descripción de la imagen aquí

Este es el resultado que muestra estos 12 colores en una fila, agregando una fila más oscura y dos filas claras:

ingrese la descripción de la imagen aquí

La misma paleta modificando el brillo amarillo, cian y magenta para hacer coincidir los valores tonales con los otros colores:

ingrese la descripción de la imagen aquí

Creo que siguiendo un par de pasos básicos como los descritos, se puede obtener una paleta bastante aproximada a la de la pregunta, donde solo habrá que hacer pequeñas modificaciones, por ejemplo en el rojo oscuro o el azul.

Nota: las imágenes de esta respuesta solo buscan mostrar un resultado aproximado de la paleta completa. Utilicé dos rectángulos con un 30 % y un 50 % de modo de pantalla blanca y un rectángulo con un 40 % de modo de multiplicación negro para las filas más claras y más oscuras, respectivamente, y tres rectángulos con un 25 % de modo de multiplicación negro sobre el amarillo, el magenta y el cian.

Para aclarar, ¿qué proceso aplicaste para modificar el amarillo, el cian y el magenta en la segunda paleta?
25% modo de multiplicación de negro sobre los colores
Gracias por tu respuesta Danielillo. La paleta resultante es agradable, y la tendré en cuenta. Encuentro que algunos de los colores son, al menos para mí, más cercanos entre sí en cuanto a matices que otros. Por ejemplo, el cian frente al azul claro me parecen más cercanos (para mí) que el rojo frente al naranja. Es por eso que estaba buscando algo como un enfoque munsell o cielab, u otro método que no conozco. Es por eso que no comencé con una rueda de colores como rgb o cymk. Además, para corregir la luminosidad tienes que hacerlo por tu percepción personal que puede ser diferente a la de los demás. Gracias por su tiempo y conocimiento

Echa un vistazo a Colar : es una paleta enorme con ajustes perceptuales. Parece ajustarse a todos sus requisitos y es una buena base tanto para la interfaz de usuario como para el trabajo de diseño e ilustración.

matplotlib

Solo para agregar un enlace a un recurso de calidad en mi humilde opinión, está el artículo Elección de mapas de colores en Matoplotlib del universo de Python. El paquete es digno de mención por su investigación para producir mapas de colores secuenciales perceptualmente uniformes gratuitos (Viridis, Plasma, Inferno); pero también para su requisito de 10 colores categóricos tienen algo que decir con sus mapas de colores cualitativos:

Mapas de color cualitativos de Matplotlib (12 diagramas de paleta)

tab10Sin embargo , no satisface su criterio de colores no desaturados . Set3(menos gris) podría dar entrada para una lista de candidatos diferente de tonos para usar.

Turbo

Y, simplemente siguiendo uno de los enlaces en el artículo anterior, puedo agregar la entrada de Google al tema de las paletas de colores del arco iris: Turbo, una evolución perceptualmente uniforme del infame mapa de colores Jet de Matlab :

Comparación de mapas de colores Turbo y Jet

subconjunto turbo

He creado una pequeña esencia (Python) que toma colores igualmente espaciados del mapa de colores turbo continuo; el número y el desplazamiento de estos se pueden personalizar, aquí para 12:

Paleta de colores hecha de mapa de colores turbo

Creo que este es un buen enfoque. No tengo conocimiento de Python, pero ¿hay alguna manera de cuantificar Turbo en 12 colores y luego obtener los valores rgb aproximados?
@serknor: si puede digerir valores RGB decimales ([0.0-1.0] en lugar de [0-255]), este Gist de fmiorelli contiene los datos sin procesar para turbo. Simplemente submuestrear cada n-ésima fila debería hacer el truco para recuperar colores equidistantes.
Lo hice, me dio una bonita paleta, pero hay un problema que debería haber visto antes. Turbo no es 360º. Salta de rojo a violeta, no hace bucles. No hay color Crimson ahí. Por lo tanto, no verifica el segundo requisito "misma distancia percibida".
Paleta de al menos 10 tonos con 4 niveles de luminosidad (por apariencia percibida)
RespuestasAquíPolítica de privacidad1y, 0v