HSL to RGB 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.

HSL color syntax in CSS:

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 color format is an extended version of RGB with an alpha channel that defines the opacity of an object, and its syntax is:

rgba(red, green, blue, alpha)

The minimum value of the alpha parameter 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, such as 0.3.

Create beautiful colors with our color generator.