Teoría del color: ¿hay una medida de "colorido"?


8

Estaba agregando algunos colores a una aplicación de Windows. Se iba a colorear una columna para indicar agrupaciones al usuario. Entonces, en Photoshop, primero seleccioné algunos colores para usar. Con una inclinación matemática (en lugar de gráfica), elegí usar el tono de cada 60 grados:

ingrese la descripción de la imagen aquí

Nota : Esta pregunta será sobre la teoría del color ; y menos sobre diseño gráfico o usabilidad.

Como iba a tener que tener texto negro (por ejemplo 13 of 27) sobre estos colores, necesitaba que fueran bastante claros. Sé que el valor L en Photoshop se refiere al sentido intrínseco del ser humano de cuán "claro" es el color. Elegí una Luma de 90. Entonces, con más retoques en Photoshop, ajusté la L de cada color para que cada uno tuviera un Luma de 90.

ingrese la descripción de la imagen aquí

Nota : voy a usar L , o Luma intercambiable. Sé que hay definiciones precisas y separadas para L, L * , Luma, Luminancia, brillo y luminosidad. Algunas definiciones pueden ser precisas, otras no. Evitemos esa guerra santa y sepamos que estoy usando la cosa L en Photoshop. Y supongamos que dos colores con la misma L en Photoshop tendrán el mismo "brillo" o "luminosidad" aparente . Nuevamente, perdona el brillo y la ligereza . Sí, soy inadecuada.

A medida que cambie el valor L , el tono cambiaría. Entonces fue un acto de malabarismo. Ajusta la L, cambia el tono al valor que quiero, ajusta la L, cambia el tono, cambia la L, cambia el tono:

ingrese la descripción de la imagen aquí

Eventualmente obtengo el tono que quiero tener la L que quiero.

¿Pero qué saturación?

El código que estaba actualizando también usaba "gris" como uno de los colores que se podían mostrar al usuario. Me di cuenta de que el gris no encaja en ninguno de mis tonos. Intrigado, agregué a mi doodle de Photoshop. Es simplemente una "saturación" de cero (que es la perilla S en Photoshop):

ingrese la descripción de la imagen aquí

Entonces la pregunta se me ocurrió. Decidí usar un Luma=90para todos mis colores. Esto significa que visualmente / psicológicamente / perceptualmente todos los colores serían igualmente "brillantes". He fijado un Hue que quiero, y he marcado un Luma que quiero. ¿Pero qué saturación quiero?

Idealmente, y no sé si esto es una cosa, todos podrían ser igualmente "coloridos". No quiero que todos sean grises, quiero que sean más coloridos que eso. Y quiero que todos tengan el mismo "colorido" , si es una palabra.

Entonces hice lo que cualquiera haría, busqué en Google wikipedia colorfullnessy hay una entrada :

En colorimetría y teoría del color, el colorido, el croma y la saturación están relacionados pero son conceptos distintos que se refieren a la intensidad percibida de un color específico.

  • El colorido es el grado de diferencia entre un color y un gris.
  • La croma es el colorido relativo al brillo de otro color que aparece blanco en condiciones de visualización similares.
  • La saturación es el colorido de un color en relación con su propio brillo.

Aunque este concepto general es intuitivo, los términos como croma, saturación, pureza e intensidad a menudo se usan sin gran precisión, e incluso cuando están bien definidos dependen en gran medida del modelo de color específico en uso.

Y luego el artículo se convierte en CIE, Lab, Luv. Y no sé lo que quiero.

Regresé a Photoshop y comencé a aumentar la perilla de "saturación" de cada color. Para un tono dado y la luma fija, aumenté la saturación en incrementos del 5% (teniendo que tocar el violín en el camino):

ingrese la descripción de la imagen aquí

Pero en algún momento, los colores ya no pueden "saturarse" sin perder a Luma:

ingrese la descripción de la imagen aquí

Y algunos colores pueden llegar hasta el final con S=100y L=100:

ingrese la descripción de la imagen aquí

Lo cual me lleva a mi pregunta

Del mismo modo, Luma define la "ligereza" percibida de un color:

¿Existe una métrica para la " coloración " percibida de un color?

¿ Existe tal métrica? ¿La saturación en el modelo de color HSB de Photoshop es perceptiva?

Noté un fragmento en el artículo de Wikipedia que es bastante fácil de entender para mí: use la hipotenusa de ay b:

ingrese la descripción de la imagen aquí

podría hacer eso y averiguar cuál de mis fichas de color tiene el mismo "Chroma" .

Chatter de bonificación

Al final, en la aplicación real, utilicé una rueda de colores centrada alrededor del azul 210, y evité el verde (en caso de que el usuario las cosas verdes significaran bien), y usé colores complementarios tanto como sea posible.

ingrese la descripción de la imagen aquí

Pero todavía quiero saber acerca de la teoría del color del "colorido" .

Bonus ab length

Suponiendo la magnitud de un vector ab en el modelo de color Lab, es decir:

  • colorido = Sqrt (a 2 + b 2 )

Calculé las longitudes de croma de varios colores:

ingrese la descripción de la imagen aquí

Los colores de diferentes tonos con aproximadamente las mismas "longitudes de croma" me parecen que tienen el mismo "colorido" . Si no aparece nada más, podría volver y volver a calcular todas mis constantes existentes usando esta fórmula.

De lo contrario, me molestará.


Este artículo le puede interesar: Modelo de color HSP: alternativa al HSV (HSB) y HSL (donde la P significa brillo percibido)
user56reinstatemonica8


Puede probar el selector de color HSL . Primero configure el tono y la saturación, luego lum (no lig) para luminancia.
John

Respuestas:


5

La palabra correcta para la intensidad del color es croma cuando se habla de objetos, y colorido cuando se habla de luz / apariencia general, como en, una bola roja de alto croma presenta una apariencia colorida / emite luz colorida cuando está brillantemente iluminada, y presenta una apariencia menos colorida / emite menos luz colorida cuando está sentado en la sombra.

El término croma se introdujo por primera vez en el sistema Munsell (1905-), donde se mide en unidades de croma Munsell. Su vector ab es la medida análoga en el espacio Lab, y se llama croma (C) en LCH (o Lch o L * c * h *), que es una forma alternativa muy utilizada de presentar valores de Lab. Es la métrica más conveniente para chroma para colores RGB, aunque si lo desea, sería posible convertir de sRGB a croma Munsell consultando una tabla de búsqueda o utilizando algún software que lo haya hecho por usted.

Los diseñadores gráficos a menudo parecen usar la palabra saturación como si significara básicamente lo mismo que croma, pero eso no es lo que significa en HSV / Photoshop HSB , donde efectivamente significa croma / colorido en relación con el brillo, como en la definición que citó anteriormente . Es posible que desee ver mi Figura 1.2.5 en esta página para ver la relación entre la saturación de HSB y el croma: http://www.huevaluechroma.com/012.php

David Briggs Las dimensiones del color http://www.huevaluechroma.com


También puede ver la pregunta que hice (wow, el tiempo vuela) hace cuatro años: Teoría del color: cómo convertir Munsell HVC a RGB / HSB / HSL . Después de mi reciente inmersión en la teoría del color, veo que el RGB no tiene sentido sin el punto blanco y las cromacidades primarias.
Ian Boyd el

Y fue su siguiente diagrama, el que está después de 1.2.5, lo que finalmente me hizo comprender "el color de un objeto" versa "el color de un objeto" . Traduciendo eso a mi pregunta, preferiría algo con un mayor croma de Munsell (en lugar de ser oscuro y deprimente) y un mayor valor de Munsell (para que el texto negro encima sea legible).
Ian Boyd

2

Creo que esta pregunta se inclina hacia math.se o quizás science.se en lugar de diseño gráfico (que está más interesado en la estética del color que en las construcciones matemáticas)

El término "colorido", al menos en el contexto del diseño gráfico, no es ningún tipo de término matemáticamente objetivo. Creo que lo que buscas dependerá del modelo de espacio de color en particular que quieras usar.

Por ejemplo, si está usando HSV , puede terminar usando una combinación de (S) aturation (una medida de 'blanco' a 'color puro') y (V) alue (una medida de 'negro' a 'color puro ')

Según lo que creo que buscas para lograr un "colorido completo" en el modelo HSV, querrás maximizar tanto la saturación como el valor.


2

Después de leer mucho, resulta que hay una métrica útil de "colorido" .

La sugerencia vino de la página de wikipedia que cité, que menciona el L*C*h*espacio de color. El L*C*h*es una variación del L*a*b*espacio de color.

Tome el Labespacio de color al que está acostumbrado desde Photoshop:

ingrese la descripción de la imagen aquí

Donde ay bson coordenadas cartesianas:

Pero también puede representar colores en ese plano utilizando coordenadas polares .

En lugar de un par de coordenadas cartesianas:

  • a y b

ingrese la descripción de la imagen aquí

coordenadas, puede ser un par de coordenadas polares

  • C* y h

ingrese la descripción de la imagen aquí

Eso C*es una medida de croma yh es un ángulo de tono .

La fórmula para convertir a, ben unC* longitud es la teoría de pytheogrean de secundaria:

ingrese la descripción de la imagen aquí

El ángulo de tono definido no coincide exactamente con el ángulo HSL/ HSBtono. Pero funciona lo suficientemente bien como para basar un modelo de color en él:

ingrese la descripción de la imagen aquí

Pero colorido

Pero lo mejor de lo que aprendí es que la distancia desde el centro (a = 0, b = 0) hace que el color sea más colorido.

También aprendí que algunos colores en el selector de color Lab están fuera de la capacidad humana de percibir como color; y así no son en realidad colores. Hay un selector de color GiMP LCh, y señala los colores que están fuera de la gama humana:

ingrese la descripción de la imagen aquí


2

Aunque principalmente para completar ahora, según Wikipedia:

El correlato de colorido es

M = C * F_L^(1/4)

http://en.wikipedia.org/wiki/CIECAM02

Con respecto a CIE Lab, Luv, H [SC] [LBVP] y todas las medidas que las personas toman de ellos, esto es esencialmente un material de los años 70. Ninguno de ellos fue diseñado para ayudar en la caracterización del color. Los numerosos defectos que tienen emergen cuando los pruebas así.

Si tiene la opción, busque modelos de este milenio. Como CIECAM02, que IMO es un candidato viable para discutir preguntas en diseño gráfico, porque tiene una relación probada y bastante bien definida con la percepción.


0

Estoy de acuerdo con @ DA01. Aunque encontré sus exploraciones muy interesantes, y su pregunta sobre el concepto y la teoría fue un alivio. En general, me gustan este tipo de preguntas, particularmente porque has trabajado mucho aquí.

Sin embargo, podría agregar que la teoría del color es extremadamente compleja, y no solo desde un punto de vista matemático. No puede calcular completamente su camino a colores "que funcionan" visualmente. Usted podría calcular en alguna teoría , pero muy a menudo matemáticas en realidad no se conseguirá mucho más a una aplicación práctica o una comprensión clara de colores.

Uno de los defectos comunes de la visión del color es la deficiencia rojo-verde que está presente en aproximadamente el 8 por ciento de los hombres y el 0.5 por ciento de las mujeres de ascendencia del norte de Europa.

Por lo tanto, es probable que, incluso si crea su rueda de colores completa, es probable que la mayoría de nosotros no procesemos por igual. Me doy cuenta de que su pregunta era para una representación numérica de "colorido", pero lo más probable es que incluso si existiera, sería poco útil en combinación con la saturación, el color y el tono teniendo en cuenta la gestión de color aditiva y sustractiva.

Aquí hay una prueba divertida que podría ejemplificar esto:

El desafío de color en línea

Lecturas adicionales: Teoría del color de Goethe

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.