Translate red, green and blue values into the more intuitive hue, saturation and lightness model. RGB describes a color by how much of each screen primary it contains, which is precise but hard to reason about; HSL instead separates the actual color (hue, a wheel from 0 to 360 degrees) from how vivid it is (saturation) and how bright it is (lightness). That split is what makes HSL so handy for building tints, shades and consistent palettes. Enter your channels and this tool computes the exact hsl() string, shows a live swatch, and lets you copy the result in one click. All the math happens locally in your browser.