Colormapped
Color converter

RGB to HSL Converter

Convert RGB channel values into HSL.

The conversion is deterministic; displayed percentages are rounded for readability.

What this tool does

RGB describes three light channels directly; HSL reorganizes the same sRGB color into hue, saturation, and lightness, which can be easier to reason about when adjusting a palette.

Enter the values in the calculator above and choose Calculate. The calculation runs in your browser; the inputs are not intentionally sent to a Colormapped application server.

How it works

  1. Normalize R, G, and B from 0–255 to 0–1.
  2. Find the lightest and darkest channel values.
  3. Use their midpoint for HSL lightness and their difference for saturation.
  4. Use the dominant channel to calculate hue around the 360° color wheel.

Worked example

Inputrgb(91, 92, 240)
Outputhsl(240 83% 65%)

The converter reports whole-number HSL values, so the display is a rounded representation of the original RGB color.

When to use it

  • Inspect palette structure by hue and lightness instead of raw channels.
  • Prepare RGB data for an HSL-based color adjustment.
  • Compare whether two colors are close in hue but different in lightness.

Accuracy and limits

  • HSL outputs are rounded for display.
  • HSL is convenient for manipulation but is not perceptually uniform.

Useful next steps

HSL to RGB Reverse an HSL representation back into integer RGB channels. RGB to HEX Write the same channel values as a compact six-digit HEX code. Lighten / Darken Use HSL lightness as a controlled adjustment rather than only a display value.