HSL controls to RGB output

HSL to RGB Converter

Translate HSL values to RGB for image workflows and component-level styling.

H (0-360)

S (0-100)

L (0-100)

#9ED8FF

Result

HSLhsl(204, 100%, 81%)

HEX

#9ED8FF

RGB

rgb(158, 216, 255)

How to Convert HSL to RGB

HSL (Hue, Saturation, Lightness) is more intuitive for humans to understand. Hue is a degree on the color wheel (0-360), Saturation and Lightness are percentages (0-100%). This converter helps designers who prefer working with HSL values.

Need the reverse conversion? Try RGB to HSL converter