HSL to RGB Converter

Convert HSL (Hue, Saturation, Lightness) color values to RGB (Red, Green, Blue) format instantly.

Visual Color Picker

#14b8a6

Color Conversions

HEX

RGB

HSL

CMYK

Complementary Palette

Analogous Palette

Triadic Palette

Monochromatic Palette

Color 1

Color 2

Angle (Degrees) 135°

CSS Code

Drag & Drop Image or Click to Browse

Supported: JPEG, PNG, GIF, SVG, WebP (max 10 MB)

Extracted Details

Hover Pixel Color:

#ffffff

Selected Color:

—

Hover over the image to preview pixel colors. Click to select and load that color into the main converter fields (HEX, RGB, HSL, CMYK).

Foreground (Text) Color

Background Color

Sample Text Display

Contrast Ratio 4.5:1

Small Text (WCAG AA - 4.5:1) Pass

Large Text (WCAG AA - 3.0:1) Pass

Small Text (WCAG AAA - 7.0:1) Pass

Large Text (WCAG AAA - 4.5:1) Pass

What is the HSL to RGB Converter?

Convert HSL color values to RGB format online. Free, instant browser-based HSL to RGB color converter with visual picker and live preview.

How to use the HSL to RGB Converter?

Enter your HSL values (Hue 0-360, Saturation 0-100%, Lightness 0-100%) in the HSL input field.
The tool will instantly calculate the matching RGB values (e.g. rgb(20, 184, 166)).
Click 'Copy' to copy the formatted RGB CSS string to your clipboard.

Frequently Asked Questions

How does HSL to RGB conversion work?

The conversion uses the chroma (C = (1 - |2L - 1|) × S) and hue sector (H/60) to determine intermediate color values. These are then adjusted by a lightness match value to produce final Red, Green, and Blue intensity values between 0 and 255.

What is the advantage of HSL over RGB?

HSL separates color identity (Hue) from intensity (Saturation) and brightness (Lightness), making it easier to create color variations. For example, darkening a color is simply reducing L, while in RGB you must adjust all three channels proportionally.

Are HSL and HSV the same thing?

No. HSL (Hue, Saturation, Lightness) and HSV/HSB (Hue, Saturation, Value/Brightness) use different definitions of saturation and brightness. A color with 100% lightness in HSL is always white, while 100% value in HSV gives the purest color.