inyourbrowser.com

HSL to RGB Converter

Convert HSL values back to RGB. Useful when your target format requires RGB values. All conversion is done locally in your browser.

Input
H (0–360)
S (0–100)
L (0–100)
All formats
HEX#000000
RGBrgb(0, 0, 0)
HSLhsl(0, 0%, 0%)

CONVERT

All three formats are shown simultaneously regardless of mode.

Runs entirely in your browser

How it works

Color conversion uses standard mathematical formulas. HEX is just a hexadecimal representation of the three RGB byte values, and HSL is computed from RGB via a well-known normalisation algorithm. All conversion runs in JavaScript inside your browser.

Processing runs in your browser

All computation happens inside your browser tab. Our servers are not involved at any point.

Related operations

To check whether two colours meet WCAG legibility, try the contrast checker. For building a coordinated set from one base colour, use the colour palette generator. To craft smooth multi-stop blends in CSS, see the CSS gradient generator.

Frequently asked questions

Where do I get HSL values?
Design tools like Figma and web browsers' colour pickers often show HSL. CSS also accepts hsl() syntax natively.
Is the output rounded?
Yes. RGB values are whole numbers (0–255) as required by the format.

Related tools

Contrast checker
Check WCAG AA/AAA contrast ratios between two colours. Live pass/fail results.
Color palette generator
Generate complementary, analogous, triadic, and monochromatic color palettes. Copy hex, RGB, or CSS variables.
Image color picker
Pick any color from an uploaded image. Hex, RGB, and HSL output. Runs in your browser.
CSS gradient generator
Build linear, radial, or conic CSS gradients visually. Live preview and one-click copy.