Conversor de HSL a HEX

El conversor de colores de HSL a HEX se utiliza para convertir gratuitamente el color HSL a HEXADECIMAL sin instalar ningún software o extensión en su dispositivo.

Sobre el formato de color HSL:

La forma completa de HSL: H: matiz, S: saturación y luminosidad. Aquí el matiz es el grado en el círculo de color en el rango (0–360). En el círculo de color, 0 grados o 360 grados corresponde al color rojo, 120 grados al verde y 240 grados al azul. La saturación es un valor del 0 % al 100 %; 0 % significa tono de gris y 100 % es color completo.

Sintaxis del color HSL en CSS:

hsl(matiz, saturación, luminosidad)

Algunos ejemplos de colores HSL:

1. hsl(0, 100%, 80%)       = color rojo
2. hsl(360, 100%, 80%)  = color rojo
3. hsl(120, 100%, 25%)   = color verde oscuro
4. hsl(120, 60%, 70%)     = color verde pastel

Sobre el color hexadecimal:

La forma completa de HSL: H: matiz, S: saturación y luminosidad. Aquí el matiz es el grado en el círculo de color en el rango (0–360). En el círculo de color, 0 grados o 360 grados corresponde al color rojo, 120 grados al verde y 240 grados al azul. La saturación es un valor del 0 % al 100 %; 0 % significa tono de gris y 100 % es color completo.

En el sistema hexadecimal tiene 16 alfabetos como 0,1,2,3,4,5,6,7,8,9, a,b,c,d,e y f, y en el formato de color hexadecimal tiene tres partes, como rojo, verde y azul. La sintaxis del color hexadecimal es: #rrggbb.

En este sistema, "#" indica que este código es un código de color hexadecimal, "rr" representa el código de color para rojo en número hexadecimal, y su valor mínimo es "00" y el valor máximo es "ff", lo mismo que "gg". representan el código de color para el verde en formato hexadecimal y el último "bb" representa el código de color hexadecimal para el azul.

¿Cómo crear un color usando hexadecimal?

Si desea crear el color rojo original en formato hexadecimal, siguiendo la regla del formato de color hexadecimal, el código de color debe ser: #ff0000.

ahora escribamos el código de color para verde y azul: #00ff00 (para verde) y #0000ff (para azul), aquí 00 significa ausencia de color.

Crear hermosos colores con nuestro generador de colores.