RGBA to HSL Converter

Conversion procedure

1. Parse RGBA: accept rgba(r, g, b, a) or four comma-separated numbers. R, G, B follow the same 0–255 rule as RGB. Alpha may be written between 0 and 1 (typical for CSS) or, if you enter a value between 1 and 255, it is interpreted as an 8-bit alpha and divided by 255.
2. Resolve to internal sRGB: R, G, B are used as-is; alpha is clamped to 0–1. All later steps that only care about red, green, and blue use these same channel values; formats that support opacity (RGBA, 8-digit HEX) read alpha from this internal value.
3. Build HSL: RGB is normalized to 0–1. Lightness L = (max + min)/2. Saturation S is 0 if max = min; otherwise S = (max − min) / (max + min) when L ≤ 0.5, or S = (max − min) / (2 − max − min) when L > 0.5. Hue (0–360°) is derived from which channel is maximal and the differences between channels. The page displays integer degrees and whole-number percentages: hsl(h, s%, l%).
4. Finalize: the result string is what you copy from the calculator. The line under the fields summarizes the path in short form (HSL ← sRGB ← RGBA). Rounding is intentional so values read like typical CSS; tiny differences versus other apps can still appear because of integer hue, saturation, lightness/value, or ink percentages.
5. HSL/HSV reminder: when hue, saturation, and lightness/value are shown as whole numbers, more than one underlying RGB can produce the same text. Typing those integers back into a converter may therefore differ by ±1 from a color you first picked as HEX in the Color Picker—that is expected rounding behavior, not a broken formula.