HSL to RGB Color Conversion
hsl(180, 50%, 50%)
rgb(64, 191, 191)
#40BFBF
Color Preview
Color Information
RGB Components: R: 64, G: 191, B: 191
RGB Percentages: R: 25%, G: 75%, B: 75%
The HSL color model (hue, saturation, lightness) represents colors in a more intuitive way than RGB.
How to Use HSL to RGB Color Conversion Tool
- Adjust the Hue slider (0-360°) to select the base color
- Adjust the Saturation slider (0-100%) to control color intensity
- Adjust the Lightness slider (0-100%) to control brightness
- See the color preview update in real-time
- 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.