¿Qué es HSL? Trabajar con tono, saturación y luminosidad

HSL describe un color con tres valores: Tono (Hue), Saturación (Saturation) y Luminosidad (Lightness). El tono es un ángulo de 0–360°, mientras que la saturación y la luminosidad se expresan como 0–100%.

Cambiar solo el tono desplaza el matiz; bajar la saturación se acerca al gris y subir la luminosidad se acerca al blanco. Esto se parece a cómo las personas ajustan el color de forma intuitiva, lo que lo hace práctico para crear paletas.

Por ejemplo, variar por pasos solo la luminosidad de un color produce una paleta natural de tonos y matices. La herramienta de paletas de arriba usa exactamente este principio.