481+ free calculators — no sign-up, no ads, no paywalls. Browse all tools →
Start typing to search...
View all results
RGB Color Mixer

HSL to RGB Converter

Convert hue, saturation and lightness values into accurate red, green and blue color channels. Adjust HSL with live controls, preview the resulting color instantly and copy the generated RGB value for CSS, development or design work.

HSL Controls
Live Preview
RGB Channels
Copy Results
RGB LIGHT MIXER HSL → RGB
rgb(135, 80, 215)
Red 135
Green 80
Blue 215

Convert HSL to RGB

Enter exact HSL values or use the interactive sliders. Your RGB result and color preview update automatically.

HSL to RGB Converter Interactive color conversion
Instant Conversion
°
%
%
Live RGB Preview
RGB COLOR
rgb(135, 80, 215)
Red 135
Green 80
Blue 215
HEX #8750D7
HSL 262°, 63%, 58%

Try Popular HSL Colors

Load a preset and instantly see the equivalent RGB color channels.

What Is HSL to RGB Conversion?

HSL and RGB are two different models for describing the same digital color. HSL represents a color using hue, saturation and lightness, while RGB describes it using red, green and blue channel intensities.

How Does the Conversion Work?

The converter normalizes saturation and lightness from percentages into decimal values, calculates chroma from the HSL values and determines how much red, green and blue are needed to reproduce the selected color.

What Range Does RGB Use?

For standard 8-bit RGB colors, each channel is represented as a whole number from 0 to 255. A value of 0 means none of that channel is present, while 255 represents its maximum intensity.

HSL → RGB CONVERSION
Input: hsl(262, 63%, 58%)

Hue: 262°
Saturation: 63%
Lightness: 58%

Calculate chroma
Calculate intermediate X
Add lightness offset
Convert channels to 0–255

Result: rgb(135, 80, 215)

✓ Conversion complete

Why Use This HSL to RGB Converter?

Designed for fast color conversion while still giving you useful visual controls and reference values.

Live HSL Sliders

Adjust hue, saturation and lightness interactively and watch the RGB result update immediately.

RGB Channel Values

See exact red, green and blue channel values from 0 to 255.

Live Color Preview

Preview the converted RGB color before copying it into a design or development project.

Individual Copy Buttons

Copy the complete rgb() value or red, green and blue channels separately.

Direct HSL Input

Paste a complete HSL value such as hsl(210, 80%, 50%) and convert it directly.

HEX Reference

See the equivalent HEX color alongside the RGB result for quick cross-format reference.

How to Convert HSL to RGB

Convert HSL values into RGB channels in three simple steps.

1

Enter HSL Values

Choose hue from 0–360 and saturation and lightness from 0–100%.

2

View RGB Channels

The converter calculates the corresponding red, green and blue values from 0–255.

3

Copy the Result

Copy the rgb() value or individual RGB channels for use in CSS, apps or design software.

Related Color Converters

Continue converting between other popular color formats.

HSL to HEX Converter Convert HSL colors into HEX codes.
HEX to HSL Converter Convert HEX colors into HSL values.

HSL to RGB Converter FAQs

Common questions about HSL values, RGB channels and color conversion.

HSL stands for Hue, Saturation and Lightness. Hue is typically represented as an angle, while saturation and lightness are represented as percentages.
RGB stands for Red, Green and Blue. Standard 8-bit RGB colors use channel values from 0 to 255.
Each RGB channel is returned as a whole number from 0 to 255.
Yes. You can paste values such as hsl(210, 80%, 50%) and use the Convert HSL to RGB button.
A saturation of 0% creates a grayscale color. In that case the red, green and blue channels become equal.
Yes. The rgb() output generated by this tool can be used in CSS properties that accept standard color values.
Yes. The main output is RGB, but the converter also shows the equivalent six-digit HEX color as a useful reference.
Yes. You can convert HSL colors, use the sliders, copy RGB values and explore presets without registration.