Skip to main content

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
Feedback