sábado, 23 de julio de 2011

Matiz y luminosidad

Matiz y luminosidad


Los colores de la misma forma que tienen la misma relación x/y se dice que tienen el mismo "matiz". Por ejemplo, RBG(255,128,0) y RGB(192,96,0) son de la misma forma (RGB(x,y,0)) y tienen la misma relación x/y (255/128 = 192/96), así que tienen el mismo matiz. El "matiz" es lo que incorrectamente con frecuencia referimos como "color". Por ejemplo, en este caso el matiz de ambos colores es "naranja", pero es naranja brillante y el otro es naranja oscuro, es decir, comparten el mismo "matiz", pero difieren en la "luminosidad". La luminosidad mide cuán cercano un color está del blanco, y se representa usualmente como un porcentaje. Por ejemplo, RGB(192,96,0) es un naranja con una luminosidad de 75%, y RBG(128,64,0) es un naranja con una luminosidad de 50%.

RBG(255,128,0) = Naranja 100% luminosidad
RGB(192,96,0) = Naranja 75% luminosidad
RBG(128,64,0) = Naranja 50% luminosidad

El matiz de RBG(0,0,128) y de RGB(0,0,64) es el azul, pero el segundo color tiene un 50% de la luminosidad del primero (tienen una luminosidad de 50% y 25% respectivamente).

Saturación

Aparte del matiz y la luminosidad, los colores se definen por un tercer parámetro conocido como "saturación", que mide la pureza de un color. Hasta aquí hemos tratado con colores 100% puros. Los colores impuros son colores puros mezclados con gris. Mientras menos mezclado con gris, más saturado es un color. Por ejemplo,RGB(192,128,64) tiene el mismo matiz y luminosidad que el naranja brillante RGB(255,128,0), pero un 50% de saturación, y resulta de mezclar el naranja brillante con el gris medio RGB(128,128,128):
                                                     naranja  gris
                                       Rojo  (  255  + 128 ) / 2 = 192
                                       Verde = (  128  + 128 ) / 2 = 128
                                       Azul  = (   0   128 ) / 2 = 64

Si nuevamente mezclamos el resultado con gris medio, obtendríamos un naranja con 25% de saturación RGB(160,128,96), aún más cercano al gris medio. Si lo mezclamos con gris otra vez, obtendremos un naranja con una saturación de sólo un 12,5% RGB(144,128,112), casi un gris medio.

RBG(255,128,0) = Naranja claro 100% saturación
RGB(192,128,64) = Naranja claro 50% saturación
RGB(160,128,96) = Naranja claro 25% saturación
RGB(144,128,112) = Naranja claro 12,5% saturación
RGB(128,128,128) = Gris medio

Nótese que un color es más saturado cuando la diferencia entre los valores RGB es más grande. Cuando los valores RGB son más cercanos unos de otros, el color es menos saturado (es decir, es más grisáceo, o podemos decir que es menos "saturado", "vivo", "vívido" o "puro").

La saturación se puede calcular con la siguiente fórmula:

             Saturación = ((máximo-medio) + (medio-mínimo)) / 255 * 100%

Por ejemplo:

             Saturación(160,128,96)  = ((160-128) + (128-96)) / 255 * 100%
                                                   = (32 + 32) / 255 * 100%
                                                   = 64 / 255 * 100%
             Saturación(160,128,96) = 25%