Modelo de color HSL

De Wikipedia, la enciclopedia libre

El modelo HSL (del inglés Hue, Saturation, Lightness – Tonalidad, Saturación, Luminancia), también llamado HSI (del inglés Hue, Saturation, Intensity – Tonalidad, Saturación, Intensidad), define un modelo de color en términos de sus componentes constituyentes. El modelo HSL se representa gráficamente como un cono doble o un doble hexagono. Los dos vértices en el modelo HSL se corresponden con el blanco y el negro, el ángulo se corresponde con la tonalidad, la distancia al eje con la saturación y la distancia al eje blanco-negro se corresponde a la luminancia. Como el modelo HSV, es una deformación no lineal del espacio de color RGB.

[editar] Conversión desde RGB

Los valores (R, G, B) deben ser expresados como números del 0 al 1. MAX equivale al máximo de los valores (R, G, B), y MIN equivale al mínimo de esos valores. La fórmula puede ser escrita como

$H = \begin{cases} 60 \times \frac{G - B}{MAX - MIN} + 0, & \mbox{if } MAX = R \\ &\mbox{and } G \geq B \\ 60 \times \frac{G - B}{MAX - MIN} + 360, & \mbox{if } MAX = R \\ &\mbox{and } G < B \\ 60 \times \frac{B - R}{MAX - MIN} + 120, & \mbox{if } MAX = G \\ 60 \times \frac{R - G}{MAX - MIN} + 240, & \mbox{if } MAX = B \end{cases}$

$S = \begin{cases} \frac{MAX-MIN}{MAX+MIN} = \frac{MAX-MIN}{2L}, & \mbox{if } L \leq \frac{1}{2} \\ \frac{MAX-MIN}{2-(MAX+MIN)} = \frac{MAX-MIN}{2-2L}, & \mbox{if } L > \frac{1}{2} \end{cases}$

$L = \begin{matrix} \frac{1}{2} \end{matrix} (MAX + MIN)$

HSL y HSV definen la tonalidad de la misma forma, pero cambian en la definición de los otros componentes. Tales componentes se definen así:

$S = \frac {MAX - MIN} {MAX}= 1- \frac {MIN} {MAX}$

$V = MAX \,$

[editar] Comparación entre HSL y HSV

HSL es similar al modelo HSV pero refleja mejor la noción intuitiva de la saturación y la luminancia como dos parámetros independientes, y por tanto es un modelo más adecuado para los artistas. La especificación de las hojas de estilo en cascada (CSS) en su versión 3 prefieren HSV porque que es simétrico al eje luz-oscuridad, lo que no sucede con el modelo HSV ("Advantages of HSL are that it is symmetrical to lightness and darkness (which is not the case with HSV for example)..."). Significa que:

En HSL, la componente de la saturación va desde el completamente saturado hasta el gris equivalente, mientras que en HSV, con V al máximo, va desde el color saturado hasta el blanco, lo que no es muy intuitivo.
La luminancia en HSL siempre va desde el negro hasta el blanco pasando por la tonalidad deseada, mientras que en HSV la componente V se queda a mitad camino, entre el negro y la tonalidad escogida.

En las aplicaciones de tratamiento de color, los modelos HSV y HSL se representan como una área lineal o circular para la tonalidad y la saturación y un área bidimensional, como un cuadrado o triángulo, para el valor/luminancia. En esta representación las diferencias entre HSV y HSL son irrelevantes. Sin embargo, algunas aplicaciones permiten escoger el color por medio de deslizadores lineales o entradas numéricas. En estos casos solo se usa uno de los dos modelos, comúnmente HSV. Algunos ejemplos:

Aplicaciones que usan HSV:
- Apple Mac OS X system color picker (disco de color para H/S y un deslizador para V)
- The GIMP
- Xara X
- Paint.NET (disco de color para H/S y deslizador para V)

Aplicaciones que usan HSL:
- La especificación CSS3
- Inkscape (desde la versión 0.42)
- Macromedia Studio
- Microsoft Windows system color picker (y MSPaint)
- Paint Shop Pro