RGB / HSL Converter
Convert a single color into both its RGB and HSL representations at once. HSL is handy for tweaking lightness or hue in CSS, while RGB drops straight into rgb() or design tools.
Try it now
💡 Good to know: HSL (hue, saturation, lightness) matches how people think about color far better than raw RGB — making harmonious shades easier to pick.
Worked example
RGB: 56, 189, 248 · HSL: 198°, 93%, 60%
Inputs
- Color
#38bdf8
Frequently asked
What's the difference between RGB and HSL?
RGB mixes red/green/blue channels; HSL describes hue, saturation and lightness, which is easier to adjust by eye.
Are the HSL numbers rounded?
Yes — degrees and percentages are rounded to whole numbers for clean CSS.