Color
HSL to RGB Converter
Convert HSL colors to RGB online. Enter hue, saturation and lightness values and get RGB channels, CSS rgb() output and preview.
Tool
Convert HSL colors to RGB online. Enter hue, saturation and lightness values and get RGB channels, CSS rgb() output and preview.
This tool runs in your browser. Your input is processed locally and is not uploaded.
About this Tool
Use this free HSL to RGB converter to turn hue, saturation and lightness values into red, green and blue channels. It is useful when converting CSS hsl() colors into RGB values for design tools, code, screenshots or documentation.
Examples
- hsl(12, 100%, 60%)
- hsl(217, 91%, 60%)
- 120, 70%, 45%
- hsl(0, 0%, 0%)
Frequently Asked Questions
What HSL input formats are supported?
You can enter CSS hsl() values or plain channel values such as 217, 91%, 60%.
What is the RGB output range?
RGB output usually uses three channels from 0 to 255: red, green and blue.
Why convert HSL to RGB?
RGB is widely used in image tools, APIs, graphics code and CSS. Converting HSL to RGB makes the color easier to use in those contexts.
Does HSL support transparency?
Standard HSL does not include transparency. HSLA includes an alpha channel, which can be handled separately by a full CSS color converter.