Saltar la navegación

HSL o HSI

Representación

Doble Cono HSL
Doble Cono HSL
Wikipedia (Dominio público)
Modelo HSL
Modelo HSL
Wikipedia (GNU/GPL)

Propiedades

  • Vertices: Blanco y negro
  • Hue (Matiz).- es la region circular y se mide de [0, 360º]
  • Saturation.- Distancia al Eje (0-100%)
  • Lightness/Intensity.- Distancia al Eje Blanco/Negro (0, 100%)

No confundir el modelo HSL con el HSB

  • En el modelo HSL la saturación no varía hacia el blanco sino hacia el gris
  • El atributo de Brillo se sustituye por el de Luminosidad.

Este modelo de color es muy útil para obtener sobretodo colores pasteles y ocres.

Lectura: Usar colores HSL en CSS

Duración:
00:30
Agrupamiento:
1

Lee el artículo de Niko Seguro sobre el uso del modelo HSL en CSS y discute con el docente sobre la utilidad del modelo HSL.

Haz click aquí para desplegar el artículo

Creado con eXeLearning (Ventana nueva)