Convertidor de HSLA a HEXA

El convertidor de colores de HSLA a HEX se utiliza para convertir el color HSLA a hexadecimal (con canal alfa). No necesita instalar ningún software ni extensión en su dispositivo.

Sobre el formato de color HSL:

La forma completa de HSL: H: tono, S: saturación, L: luminosidad y A: alfa. Aquí el tono es el grado en el círculo de colores en el rango (0–360). En el círculo de color, 0 grados o 360 grados corresponden 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 gris, 100 % color completo. El canal alfa controla la transparencia u opacidad del color. Su valor mínimo es 0 % y el máximo es 100 %.

Sintaxis del color HSL en CSS:

hsl(tono, saturación, luminosidad, alfa)

Algunos ejemplos de colores HSL:

1. hsla(0, 100%, 80%, 50%, 50%) = color rojo con 50% de transparencia u opacidad
2. hsla(360, 100%, 80%, 90%)  = color rojo con 90% de transparencia u opacidad
3. hsla(120, 100%, 25%, 35%)   = color verde oscuro con 35% de transparencia u opacidad
4. hsla(120, 60%, 70%, 12%)     = color verde pastel con 12% de transparencia u opacidad

Sobre el color hexadecimal:

La forma completa de HSL: H: tono, S: saturación y L: luminosidad. Aquí el tono es el grado en el círculo de colores en el rango (0–360). En el círculo de color, 0 grados o 360 grados corresponden 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 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: 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 el color 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.

Nota: El color hexadecimal con canal alfa tiene 2 dígitos adicionales para representar la transparencia u opacidad, ya que la sintaxis del formato de color HEXA debe ser: #rrggbbaa, aquí "aa" representa la opacidad del color, el valor alfa mínimo es 00 y el valor máximo es: ff.

Crear hermosos colores con nuestro generador de colores.