Modelo HSL para CSS

Escrito por Tzek el 03/08/07
Clasificado en: Diseño Web, Profesión, Tecnología

Encontré vía Criterion este post sobre el modelo de color HSL para CSS 3.

Modelo Hue Saturation and Light

Lo que se comenta en David's Kitchen es que trabajar con RGB, resulta complicado. Sin embargo, yo creo que es más complicado (quizá por costumbre) pensar en HSL... Para mí, el RGB como un cubo tridimensional en el que te "mueves", se me hace más simple porque "navegas dentro de un mismo espacio", mientras que el HSL me da la sensación de estar en tres dimensiones aparte... Sin embargo, estoy casi seguro que todos usamos HSL en Photoshop y similares, porque navegamos mejor la paleta de colores, aunque no nos fijemos directamente en los valores HSL.

Lo interesante, que CSS3 ya podrá aceptar HSL, según nos cuenta David. Pero algo que no sabía es que había dos modelos, el rgba y el hsla, donde la "a" significa "alpha". Esta tabla, que me traigo de ese blog, muestra que funciona con alpha y que no:

Tabla de compatibilidad

Por cierto, en este artículo está una explicación de porque se llaman "web safe colors". :)

Accede en:
http://monc.se/kitchen/119/working-with-hsl-in-css

o lee sobre los modelos de color:
http://en.wikipedia.org/wiki/RGB
http://en.wikipedia.org/wiki/HSL_color_space