Los últimos tutoriales de desarrollo web
 

Colors HSL


Calculadora HSL


RGB (255, 0, 0)
# ff0000


MARIDO:
S:
L:

HSL Colores

valores de color HSL se admiten en IE9 +, Firefox, Chrome, Safari y Opera en 10+.

HSL significa matiz, saturación y luminosidad.

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


Matiz

Hue es una medida de la rueda de color de 0 a 360. 0 es el rojo, el verde es 120, 240 es azul.


Saturación

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


Ligereza

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


Inténtalo tú mismo

valores de color HSL son compatibles con todos los navegadores.

Ejemplo

<style>
div {
    background-color: hsl(180, 50%, 50%);
    color: hsl(0, 0%, 100%);
}
</style>

Inténtalo tú mismo "