Skip to main content

HSL to RGB Converter

Convert hsl(0, 100%, 50%) to rgb(255, 0, 0) instantly. Free HSL to RGB converter with live color preview.

Color preview will appear here

Popular Examples:

How to Convert HSL to RGB

HSL to RGB converts Hue (0–360°), Saturation (0–100%), and Lightness (0–100%) into decimal RGB values. For example, hsl(120, 100%, 50%) becomes rgb(0, 255, 0), and hsl(0, 0%, 50%) becomes rgb(128, 128, 128). Use this when a library or API expects RGB values but your CSS color is in HSL format.

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