HSL to RGB Converter

Type or paste a HSL color: With commas or spaces, hsla(); the hue may end in deg. Saturation and lightness need the % sign.

Enter HSL Color:

RGB Result:

rgb(255, 0, 0)

HSL:hsl(0, 100%, 50%)

RGB:rgb(255, 0, 0)

CSS Usage:

background-color: rgb(255, 0, 0);

color: rgb(255, 0, 0);

border: 1px solid rgb(255, 0, 0);

View full color page →Convert back to HSL →

Popular Examples:

How to Convert HSL to RGB

HSL to RGB converts Hue (0–360°), Saturation (0–100%), and Lightness (0–100%) into decimal RGB values. For example, hsl(120, 100%, 50%) becomes rgb(0, 255, 0), and hsl(0, 0%, 50%) becomes rgb(128, 128, 128). Use this when a library or API expects RGB values but your CSS color is in HSL format.