Cómo conseguir 10 colores diferentes que sean fácilmente reconocibles

Tengo una lista de 10 equipos, cada equipo tiene su propio color.

Tengo que hacer el gráfico que muestra los equipos con el color respectivo, y necesitaría una forma de encontrar 10 colores que sean "lo suficientemente diferentes" para ser reconocibles.

Sin embargo, hay algunas condiciones para los colores:

  • no se permite rosa o similar. El rojo y el violeta están bien, pero otros colores "femeninos" no.
  • la saturación debe ser aproximadamente la misma para cada color.
  • Deben evitarse los colores apagados/tristes como el marrón.

ahora, obviamente la pregunta no es que me des 10 colores. Prefiero entender cuál sería un buen enfoque para encontrar esos colores de manera que cumplan con las condiciones anteriores. Hacerlo a mano con el selector de color no brindó buenos resultados, por lo que tal vez haya una forma matemática o una herramienta. para hacerlo

Los humanos, en general, solo pueden memorizar algunos colores como memónico. Sin embargo, pueden memorizar patrones.
Usar solo color es una forma terrible de distinguir entre muchos artículos similares. Después de los siete básicos, ¿cómo llamarías a los modificados? ¿Es azul turquesa, verde azulado, cian o demasiado "femenino"?
El púrpura y el violeta se mencionan como preferidos por la mayoría de las mujeres y no se consideran masculinos. Luego, está el amarillo, que es el tono menos favorecido.

Respuestas (7)

Con esas restricciones, probablemente no puedas.

Aquí hay una pregunta similar , el usuario preguntaba alrededor de 20 pero sin las restricciones.

Aquí hay una búsqueda de cómo se usan los colores del metro metropolitano.

Ahora veamos un proceso y veamos los resultados.

Debe comenzar con una rueda de colores, que no es una rueda de colores sino un color sólido. En este caso un cono.

ingrese la descripción de la imagen aquí

Configura tus restricciones. Pero como quieres la misma saturación, solo necesitas la parte superior del cono.

Las capas inferiores son para el brillo, pero también se reducen en saturación.

ingrese la descripción de la imagen aquí

Y ahora veamos qué color podemos tener mecánicamente (D) y luego con algunos ajustes para diferenciar un poco más la selección mecánica. (E)

ingrese la descripción de la imagen aquí

  • ¿Uva?
  • Azul
  • "Azul claro" (mucha gente no conoce el término cian)
  • ¿Turquesa? A veces es difícil diferenciarlo del cian.
  • Verde (Este verde fluorescente es difícil de diferenciar del turquesa.
  • ¿Lima? ¿Esto es verde o amarillo?
  • Amarillo. Pero el brillo aparente es difícil de combinar con texto blanco. Algunos sistemas de metro no logran que esto sea legible.
  • Naranja
  • Rojo

Tenemos como 6 colores y unos 3 colores posibles sin tener en cuenta a los daltónicos.

Ahora veamos si podemos expandir esto un poco eliminando la saturación (por lo tanto, la restricción de brillo)

ingrese la descripción de la imagen aquí

Podemos mover el verde a un verde más oscuro, el Lima a un color "hierba" desaturado, podemos usar marrón, podemos usar gris y probablemente un azul marino, puedes tener un beige, algo de púrpura pastel...

Como se explica en el primer enlace que proporcioné, los humanos no pueden reconocer tantos colores, si no están juntos.

Además, hay mucha diferenciación por usuario.

Aquí hay una imagen divertida. http://www.thedoghousediaries.com/1406

ingrese la descripción de la imagen aquí

Muchas respuestas interesantes aquí, pero esta me impactó más. gracias por la respuesta.
¿Atribución adecuada para esa imagen? (Bueno… ya sé de dónde salió. Un cuestionario –entonces– bastante famoso sobre nombres de colores, con muchas respuestas graciosas como “Como ya te dije veinte veces, esto también se llama Verde”).
Atribución ahora actualizada.
@Rafael, la imagen graciosa no es cierta, como tal, la verdad básica real es más como el lado masculino de las mujeres, también, por supuesto, cualquiera que no haya leído la encuesta de color xkcd y pregunte sobre el color se avergüenza de ti.
Bueno, en realidad los colores representados en la imagen son incorrectos y no tienen una metodología sobre cómo se eligen para la encuesta. Es solo una "verdad básica" anecdótica, no real.

Debido a que el color es una ciencia, puede usar una variedad de métodos para determinar casi cualquier aspecto. Hay muchos artículos sobre casi cualquier aspecto del color.

Sin embargo, cuando comience a buscar colores distintos que serán todos diferentes, se encontrará con problemas.

No pedir colores "femeninos" es difícil porque no hay una manera firme de decirle a un algoritmo qué se consideran colores "femeninos". Sí, los rosas y los violetas son considerados "femeninos" por nuestras normas culturales, pero no así por la teoría del color. Y cuantos más colores elija, más difícil será tener el mismo nivel de variación entre cada uno.


Ahora hay varios métodos que puede usar para abordar su problema. El primero es un bonito conjunto de 20 colores distintos que Sasha Trubetskoy adaptó de los 22 colores de máximo contraste de Kelly .

ingrese la descripción de la imagen aquí

Este es un buen conjunto para usar como un "punto de salto" estándar porque son:

  • Fácilmente distinguible
  • Luminoso con buen gusto
  • Dados nombres simples e intuitivos
  • Suministrado con valores hexadecimales, RGB y CMYK

Todo eso los convierte en excelentes candidatos para uso web e impreso.


En segundo lugar, Gavin Kistne tomó esta idea y creó un sitio maravilloso que le permite establecer los parámetros de tono, saturación y luminosidad para generar un conjunto de colores. Luego puede modificar aún más los resultados alterando el umbral e intercalando.

ingrese la descripción de la imagen aquí


Finalmente, las verdaderas matemáticas, puedes hacer un uso interminable de chroma.js de Gregor Aisch.

Esta es la carne y las papas de la manipulación del color. Cuando desee profundizar en los detalles esenciales del uso de la interpolación HSV, LAB y Bezier para lograr esquemas de color suaves, ¡esta es su ventanilla única!

Hay una increíble documentación interactiva que puede comenzar a usar de inmediato para comenzar a jugar.

Tomando los 20 (22) colores del primer método, puede extrapolar y experimentar más. También puede tomar colores, calcular su deltaE y trabajar desde allí usando matemáticamente el deltaE para mapear los colores con los niveles de diferencia deseados.

Además, hay un sitio web que toma chroma.js y lo envuelve en una interfaz agradable para seleccionar y exportar colores.

Buena esa. desde su primera imagen, diría que la fila del medio ya tiene colores bastante distintos, menos magenta más blanco y negro que se ajustará perfectamente a la pregunta.

Este es un método exploratorio , no un método de "resultado final".

Generalmente empiezo con aproximadamente el 50% de los colores necesarios, o la "mitad máxima impar" si no es un 50%. Luego mezcle entre colores para crear semitonos de variaciones de color. Es raro que termine con colores demasiado insaturados de esta manera o rosas, a menos que use blanco/negro para uno de los colores base. Los marrones pueden ocurrir según los colores iniciales. Entonces, simplemente deséchelos.

5 colores base, luego mezclados entre pasos para obtener 4 más...

ingrese la descripción de la imagen aquí

Lo que es o no "femenino" está realmente en el ojo del espectador.

Y siempre puedes seguir mezclando entre colores para conseguir más....

ingrese la descripción de la imagen aquí

Deben evitarse los colores apagados/tristes como el marrón. Su método no tiene en cuenta la visibilidad y la diferenciación.
@Ovaryraptor simplemente porque una mezcla da como resultado un color no deseado que no significa que se deba usar ese color . Este es un método exploratorio , no un método de "resultado final". A continuación, puede seleccionar un color y ajustar la saturación/vibración en muchos casos. Arte... no ciencia... ya sabes...:)
Estoy en completo desacuerdo. El color es 100% una ciencia.
El color es una ciencia cuando se implementa, pero no cuando se determina qué funcionará o no. Es exploratorio en diseño... es ciencia en producción .
@Ovaryraptor: no existe una fórmula científica para evitar "colores demasiado femeninos", por lo que un enfoque científico puro no funcionará para el OP. Creo que esto, y algunas de las otras respuestas, sirven para brindar un conjunto lo suficientemente grande como para poder elegir manualmente Mainly Manly Colors.
@ usr2564301 No existe tal cosa como un "color femenino" esa etiqueta es una construcción social. El color es el color es el color. Son solo ondas de luz :)
En el diseño hay colores femeninos... colores más preferidos por las mujeres... colores que tienden a obtener mejores ventas de las mujeres . Esto, de nuevo, alude al ARTE del color cuando se diseña... Si simplemente vas a ver las cosas desde el punto de vista de la producción, entonces está bien... todo es ciencia y no hace ninguna diferencia para ti si pudieras impulsar ventas 10% simplemente usando un color "femenino" en lugar de uno "masculino".

Encontrar el subconjunto óptimo de una amplia gama de colores para maximizar la distancia mínima entre cada color del subconjunto es un problema difícil (NP), pero se puede resolver fácilmente si su conjunto original de colores no es demasiado grande.

Sugeriría comenzar con X11 colores (155 colores). Dijiste que no quieres rosa ni ningún otro color, lo mejor es que primero selecciones en los colores X11 todos los colores que estén bien para ti.

Luego, usando la distancia de laboratorio entre los colores (cuanto más distantes estén los colores, más distintos visualmente deberían ser, en teoría) puede crear "aleatoriamente" subconjuntos de 10 colores y quedarse con el mejor.

He codificado una herramienta de este tipo para mí ( https://mokole.com/palette.html ) y puede adaptar el código usted mismo.

Esto es lo que obtengo después de algunas tomas, usando todos los colores X11:

10 colores distintos, perdon por el fushia

Desde un punto de vista perceptivo, está limitado a unos cinco tonos distintos "nombrables". Si presiona los criterios, puede exprimir siete. Además, algunos tonos se identifican mejor a distancia que otros.

El color es la última de las características de identificación visual del objeto (después de la posición, el movimiento, el tamaño, la forma y, finalmente, el color).

Pequeñas áreas de algunos tonos dificultan la identificación. (Azul intenso sobre negro, rojo intenso sobre negro, blanco con amarillo, amarillo con naranja, etc.) Un área suficiente ayuda a evitar la confusión de similitudes visuales.

Qué hacer...
Considere combinaciones de colores con colores dominantes y de acento y neutrales que se pueden invertir para uso en casa y fuera. Utilice nombres y adornos blancos en las camisetas azules para los partidos fuera de casa/nombres y adornos azules en las camisetas blancas para los partidos en casa, etc. Entonces, incluso los mismos colores pueden competir. ejemplo: Blanco con ribete rojo (equipo local: los 'blancos' frente al rojo con ribete blanco (equipo visitante: los 'rojos'). También están el negro, el gris y el blanco como 'colores' dominantes agregados al espectral normal. matices

La propiedad por la que trabajas es la distinción, 10 colores deportivos que son los más distintos entre sí y fácilmente reconocibles.

Tienes los 6 colores del arco iris para comenzar, y debes hacer 10, por lo que los 4 adicionales deberán ser variaciones de uno de los 6 colores del arco iris.

4 de los 6 colores pueden tener una versión oscura y una versión clara para hacer 10.

Para permanecer en los esquemas de colores atléticos convencionales y obtener la mayor distinción, le recomiendo que cree versiones oscuras y claras de azul y verde.

Los dos siguientes se tendrán más en cuenta, ya que las versiones claras de rojo, naranja, amarillo o violeta pueden parecer demasiado femeninas. Lo que recomiendo es que experimentes creando una versión Oscura y Mediana de estos colores, no claros.

Crea algunas posibilidades de estos colores finales, tal vez rojo oscuro y rojo brillante, o naranja oscuro y naranja medio. Preséntelos a la liga oa las partes interesadas para ver cuáles son los mejores.

La misma saturación no es posible con este enfoque, pero todos estarían de acuerdo en que el azul claro y el azul oscuro son colores de equipos distintos aceptables, incluso con una saturación diferente.

Me gusta usar la rueda de colores de Adobe como punto de partida si necesito encontrar una gama de colores. Obviamente, está limitado hasta cierto punto, pero creo que podría valer la pena echarle un vistazo. Puede eliminar las opciones restringidas de la rueda de colores mientras juega con la gama.