Glosario Diseño y multimedia

HSL

HSL describe el color como tono (posición en la rueda cromática en grados), saturación (intensidad) y luminosidad, lo que facilita crear tintes y sombras.

Última revisión: 2026-10-03

En detalle

#3366cc es hsl(220, 60%, 50%). Sumar 180° al tono da el color complementario, aquí un naranja (#cc9933). Bajar la luminosidad oscurece un color sin cambiar su tono.

Pruebe estas herramientas

Convertidor de Color

Convierte colores entre los formatos HEX, RGB, HSL y CMYK con nuestra herramienta gratuita en línea.

Véase también

Glosario RGB
RGB describe el color como cantidades de luz roja, verde y azul, cada una de 0 a 255 en pantallas.
Guía Cómo funcionan el color y el contraste
Hex, RGB y HSL son un mismo color, cómo se calcula la relación de contraste WCAG con ejemplos reales, daltonismo y paletas accesibles.

Volver a Glosario