Translate your HSL values directly into standard RGB channels. Paste your HSL string into the input area to immediately generate the matching rgb() CSS value.
HSL input
The parser accepts standard CSS hsl() strings like hsl(188, 86%, 53%). It extracts the hue degrees along with the saturation and lightness percentages. Neutral grays with zero saturation are handled automatically, determined entirely by their lightness value.
RGB output
The converter outputs rgb(r, g, b) formatted strings using integer channels from 0 to 255. Because RGB uses whole numbers, the conversion rounds the calculated channels to the nearest integer. Click the copy button to grab the converted CSS code to your clipboard.
Batch conversion
Translate an entire palette by pasting a list of HSL values, ensuring you place one color per line. The output panel mirrors your list with the corresponding RGB translations. Any malformed strings will output an inline error message to help you spot typos.
Visual color picker
The built-in color picker displays the exact color of the line you are currently editing. If you tweak the color using the visual picker, the tool automatically updates the corresponding HSL value in the text pane.