Convert standard RGB color definitions into the Hue, Saturation, and Lightness (HSL) format. This tool translates light channel intensities into coordinates that are easier to manipulate for design states and theme scales.
Input formats
Provide colors using the standard rgb(r, g, b) syntax with channel values ranging from 0 to 255.
HSL percentage output
The output is formatted as hsl(h, s%, l%). Hue is expressed in degrees from 0 to 360, representing the position on the color wheel. Saturation and lightness are both percentages from 0% to 100%. Because these values are rounded to integers, converting back to RGB may result in minor rounding differences.
Batch processing
Process multiple RGB values simultaneously by pasting them into the input pane, one per line. The tool instantly generates a corresponding list of HSL output strings.
Visual adjustments
Use the active color picker to visually preview and tweak the currently selected line. Adjusting the picker automatically recalculates the RGB input and updates the HSL output in real time.