HSB to HSL Converter

HSB / HSV to HSL conversion

HSB (also called HSV) represents colors with Hue (0°–360° on the colour wheel), Saturation (0–100% from grey to vivid), and Brightness/Value (0–100% from black to full color) — the model used by most design tools like Photoshop, Figma, and Sketch. HSL uses the same Hue but replaces Brightness with Lightness, which measures how close a color is to black or white rather than how much light it reflects. This tool converts HSB to RGB using the standard sector formula, then RGB to HSL using the min/max chroma formula, entirely in your browser. For the reverse, use HSL to RGB, or convert HSB to RGB directly with HSB to RGB.