HEX to HSL formula or transformation
For HEX to HSL, rGB channels are normalized to 0–1; lightness is (max + min)/2, saturation depends on lightness, and hue is derived from the channel with the maximum value.
HEX to HSL applies its documented browser-side transformation to the displayed fields.
For HEX to HSL, rGB channels are normalized to 0–1; lightness is (max + min)/2, saturation depends on lightness, and hue is derived from the channel with the maximum value.
Worked values: HEX color = #2563eb HEX to HSL expected result: The result is a output produced only from the supplied sample fields by the transformation described above.
For HEX to HSL, a generated or converted color is not automatically accessible. For HEX to HSL, test foreground/background contrast, focus states, non-text controls, color-blind distinguishability, and whether meaning is conveyed without color alone.
For HEX to HSL, results use browser JavaScript number, string, and color parsing. For HEX to HSL, validate generated CSS in the target browser and do not treat a palette or format conversion as a design-system or accessibility approval. To verify HEX to HSL, reproduce its worked example and compare the displayed or downloaded output with the stated expected result. When HEX to HSL returns a file, open the download and inspect every affected page or image.
HEX to HSL runs the hex to hsl operation in the current browser session. HEX to HSL reads and processes the supplied values in the current browser and does not submit them to an application endpoint. Browser extensions, device security and any manual sharing or download from HEX to HSL remain outside the tool’s control.
Continue the workflow
HEX to HSL is part of the Color & CSS Tools section. Use the nearby pages below when the same job needs checking, cleanup, conversion, formatting, or a different output before you finish.