Saltar al contenido

Colores HSL

septiembre 29, 2021


Colores HSL

Los valores de color HSL son compatibles con IE9 +, Firefox, Chrome, Safari y Opera 10+.

HSL significa tono, saturación y luminosidad.

Los valores de color HSL se especifican con: hsl(hue, saturation,
lightness)
.


Matiz

El tono es un grado en la rueda de colores de 0 a 360. 0 es rojo, 120 es verde, 240 es azul.


Saturación

La saturación es un valor porcentual; 0% significa un tono de gris y 100% es el color completo.


Ligereza

La ligereza también es un porcentaje; 0% es negro, 100% es blanco.


Inténtalo tú mismo

Los valores de color HSL son compatibles con los principales navegadores.

Ejemplo

div {
color de fondo: hsl (180, 50%, 50%);
color: hsl (0, 0%, 100%);
}

Inténtalo tú mismo »

close