HSL Converter
Edit any field — HSL, hex or RGB — and the rest update instantly.
Advertisement
About this tool
HSL and HSV (also called HSB) share the same hue but measure the other two values differently. In HSL, 100% lightness is always white; in HSV, 100% value is the brightest version of the hue. Photoshop, Procreate and most colour pickers use HSV, while CSS uses HSL, so both are shown along with CSS’s newer HWB (hue, whiteness, blackness) form.
HSL (hue, saturation, lightness) is often easier to reason about than RGB when adjusting a colour's brightness or vividness without changing its basic hue.