HEX to HSL conversion
Paste your hex codes into the input pane. The tool accepts both 6-digit (#RRGGBB) and 3-digit (#FFF) shorthand forms, returning standard CSS hsl() strings. The underlying algorithm maps the base-16 RGB channels to their corresponding hue (0–360°), saturation (0–100%), and lightness (0–100%).
Active color tracking
The visual color picker synchronizes with your cursor position. Clicking a line in the input pane updates the picker to preview that specific color. Dragging a new value in the picker automatically overwrites the active line with the updated hex string.
Batch list processing
The tool processes multiple colors simultaneously. Paste a list of hex values, one per line, to convert an entire palette at once. The output pane mirrors your line breaks, generating a matching list of HSL values that can be copied directly to your clipboard.