RGB to HSL Color Converter

HSL describes a color the way people naturally think about it — hue (the base color, 0-360° around a color wheel), saturation (how vivid vs. gray, 0-100%), and lightness (how close to black or white, 0-100%). RGB is more natural for how screens render color, but HSL is easier to adjust by hand, which is why CSS supports both.

rgb(91, 83, 232) is a blue-violet. Converting shows it as hsl(243°, 75%, 62%): a hue of 243° sits in the blue-purple range, 75% saturation means it's vivid rather than washed out, and 62% lightness puts it in the mid-bright range.

Where this comes up

• Building a color palette in CSS using hsl(), where tweaking just the lightness or saturation value is easier than recalculating RGB
• Generating consistent color shades and tints by keeping hue fixed and varying lightness
• Design tools and CSS variables that store colors in HSL for easier theming