HSL Color Converter

Convert HSL values to HEX and RGB instantly. Our free HSL color converter provides intuitive controls for hue, saturation, and lightness adjustments.

Intuitive Controls
One-Click Copy
Live Preview

HSL to HEX/RGB Converter

Adjust hue, saturation, and lightness to convert to other color formats

239°
84%
67%
Color Preview

HSL Conversion Results

HSL
hsl(239, 84%, 67%)
HEX
#6366F1
RGB
rgb(99, 102, 241)
CSS HSL
color: hsl(239, 84%, 67%);
Copied!

Understanding HSL Color Model

Hue (H)

Hue represents the color type on a 360° color wheel. 0°/360° is red, 120° is green, 240° is blue. Our HSL color converter makes it easy to select any hue visually.

Saturation (S)

Saturation is the intensity of the color, from 0% (gray) to 100% (full color). Use our HSL color converter to desaturate colors for subtle designs.

Lightness (L)

Lightness controls brightness from 0% (black) to 100% (white), with 50% being the pure color. Our HSL color converter helps create tints and shades easily.

Why Use HSL?

HSL is more intuitive than RGB for color adjustments. Designers prefer our HSL color converter to create consistent color palettes and modify colors predictably.