About RGB and HSL

RGB lists red, green, and blue as numbers from 0 to 255, matching how screens mix light. It's the format most APIs, canvas code, and design tools expect, and rgba() adds an opacity value from 0 to 1.

HSL describes a color by hue (0–360 on the color wheel), saturation, and lightness. It's easier to reason about than raw channels — rotating a hue or dimming a color is a single number change — which makes it popular for theming.

For example, rgb(124, 58, 237) in RGB is hsl(262, 83%, 58%) in HSL. Paste your own value above — conversion is instant, runs entirely in your browser, and carries alpha through when your color has one.