HSL to RGB Converter

Convert HSL (Hue, Saturation, Lightness) color values to RGB format with color preview

How to use this converter:

🎨 Convert HSL to RGB

Use case: Convert HSL color values to RGB format for use in CSS, design tools, or programming.

Example: HSL(120, 100%, 50%) → RGB(0, 255, 0) [Green]

🔍 Color Preview

Use case: See a visual preview of the color to verify the conversion is correct.

⚡ Quick Colors

Use case: Use preset colors for quick testing or common color conversions.

Input HSL Color

Enter HSL values: H (0-360), S (0-100%), L (0-100%)

Hue (H) - 0 to 360 degrees

Saturation (S) - 0 to 100%

Lightness (L) - 0 to 100%

Quick Colors

RGB Result

Converted RGB color values

Conversion Formula

1. Normalize: H/360, S/100, L/100

2. If S=0: R=G=B=L (grayscale)

3. Else: Calculate using hue formula

4. Convert to 0-255 range