AbraCalc

HSL(0°, 0%, 50%) to RGB (Mid Gray)

HSL(0°, 0%, 50%) converts to RGB(128, 128, 128), a neutral medium gray.

Embed this tool on your site

How to use this tool

  1. Enter the hue (0–360°), saturation (0–100%), and lightness (0–100%).
  2. The tool outputs the equivalent red, green, and blue values (0–255).
  3. Copy the rgb() string into CSS or read the individual R, G, B numbers.

Achromatic HSL with 50% lightness (0, 0%, 50%) converts to the familiar mid-gray RGB(128, 128, 128).

Frequently asked questions

How does HSL to RGB conversion work?
The algorithm converts saturation/lightness to intermediate values, then maps the hue angle to separate R, G, B channels using a piecewise function.
What is hsl(120, 100%, 50%)?
That is pure green: rgb(0, 255, 0).