HSLA to HEXA Converter

The HSLA to HEX converter is used for converting HSLA color to hexadecimal (with alpha channel). No software or extension installation is required on your device.

About the HSL Color Format:

The full form of HSL: H: Hue, S: Saturation, L: Lightness, and A: Alpha. Here, Hue is the degree on the color wheel in the range (0–360). In the color wheel, 0 degrees or 360 degrees corresponds to red, 120 degrees corresponds to green, and 240 degrees corresponds to blue. Saturation is the value from 0% to 100%; 0% means a shade of gray, and 100% is full color. Alpha channel controls the transparency or opacity of the color, with its minimum value being 0% and maximum being 100%.

The CSS color syntax is:

hsl(hue, saturation, lightness, alpha)

Some examples of HSLA colors:

1. hsla(0, 100%, 80%, 50%) = red color with 50% transparency or opacity
2. hsla(360, 100%, 80%, 90%) = red color with 90% transparency or opacity
3. hsla(120, 100%, 25%, 35%) = dark green color with 35% transparency or opacity
4. hsla(120, 60%, 70%, 12%) = pastel green color with 12% transparency or opacity

About Hexadecimal Color:

The full form of HSL: H: Hue, S: Saturation, L: Lightness. Here, Hue is the degree on the color wheel in the range (0–360). In the color wheel, 0 degrees or 360 degrees corresponds to red, 120 degrees corresponds to green, and 240 degrees corresponds to blue. Saturation is the value from 0% to 100%; 0% means a shade of gray, and 100% is full color.

In the hexadecimal system, it has 16 alphabets such as 0,1,2,3,4,5,6,7,8,9, a,b,c,d,e, and f, and in the hexadecimal color format, it has three parts — red, green, and blue. The syntax for hexadecimal color is #rrggbb.

In this system, "#" denotes that the code is a hexadecimal color code, "rr" represents the color code for red in hexadecimal, and its minimum value is "00", while the maximum value is "ff", similarly for "gg" representing the green color in hexadecimal, and the final "bb" represents the hexadecimal color code for blue.

How to create a color using hexadecimal?

If you want to create the base red color in hexadecimal format, following the rules of hexadecimal color format, the color code should be: #ff0000.

Now let s write the color codes for green and blue: #00ff00 (for green) and #0000ff (for blue), where 00 means no color.

Note: Hexadecimal color with alpha channel has two additional digits to represent transparency or opacity, as the syntax for HEXA color format should be: #rrggbbaa, where "aa" represents the opacity of the color, with a minimum alpha value of 00 and maximum value: ff.

Create beautiful colors using our color generator.