RGB to HSL Converter
Convert rgb(255, 0, 0) to hsl(0, 100%, 50%) instantly. Free RGB to HSL converter for CSS theming and design.
—Color preview will appear here
Popular Examples:
How to Convert RGB to HSL
RGB to HSL conversion transforms decimal RGB values into Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). For example, rgb(255, 0, 0) becomes hsl(0, 100%, 50%), and rgb(70, 130, 180) becomes hsl(207, 44%, 49%). HSL is much easier to work with in CSS — you can create lighter or darker variants of a color by simply adjusting the Lightness value.
Why Use This Converter?
- Instant real-time conversion
- Free online tool - no registration required
- Live color preview
- CSS code examples
- One-click copy to clipboard