HSL to RGB Color Conversion

How to Use HSL to RGB Color Conversion Tool

1. Adjust the Hue slider (0-360°) to select the base color
2. Adjust the Saturation slider (0-100%) to control color intensity
3. Adjust the Lightness slider (0-100%) to control brightness
4. See the color preview update in real-time
5. Copy the RGB or HSL values by clicking the copy button

About HSL and RGB Color Models

HSL (Hue, Saturation, Lightness) is a color model that represents colors in a way that’s more intuitive for humans:

• Hue is the base color (0-360°), with 0° being red, 120° being green, and 240° being blue
• Saturation controls how vivid the color is (0% is grayscale, 100% is fully saturated)
• Lightness controls how bright the color is (0% is black, 100% is white)

RGB (Red, Green, Blue) is the color model used by digital displays, where each component ranges from 0-255.