HSL to RGBA Converter

The HSL to RGB color converter is used to convert HSL color to RGB without installing any software on your device.

About the HSL Color Format:

The full form of HSL: H: Hue, S: Saturation, L: Lightness. Here, Hue is the degree on the color wheel between (0-360), where 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.

The CSS color syntax for HSL is:

hsl(hue, saturation, lightness)

Some examples of HSL colors:

1. hsl(0, 100%, 80%) = red color
2. hsl(360, 100%, 80%) = red color
3. hsl(120, 100%, 25%) = dark green color
4. hsl(120, 60%, 70%) = pastel green color

About RGB Color:

The full form of RGB is Red, Green, and Blue.

The minimum value for RGB color is 0, and the maximum value is 255. In CSS, RGB color is defined using the rgb() function, and the syntax is:

rgba(red, green, blue)

Some examples of RGB colors:

1. rgb(255, 0, 0) = red color
2. rgb(0, 255, 0) = green color
3. rgb(0, 0, 255) = blue color

There is another color format called RGBA. This is an extended version of the RGB color format with an alpha channel, which defines the opacity of an object. The syntax for this color format is:

rgba(red, green, blue, alpha)

The minimum alpha parameter value is 0, which means full transparency, and the maximum value is 1, which means full opacity. You can use any number from 0 to 1, for example, 0.3.

Create beautiful colors with our color generator.