Convert

HWB to HSL

Convert HWB to HSL in one step. Paste your values and get instant results—see the same color in all formats.

Reverse

Enter HWB value

Converts to HSL

Fill in the HWB values above to see the result

Popular conversions

RGB → Hex Hex → RGB RGB → HSL HSL → RGB Hex → HSL HSL → Hex RGB → CMYK CMYK → RGB

Conversion guide

HWB to HSL — How it works

How HWB to HSL conversion works

HWB and HSL are two different ways of representing the same color. Our converter uses standard color-space math to transform your HWB value into HSL (and shows the result in other formats too). Paste your HWB value above to get an instant HSLresult you can copy for CSS, design tools, or development.

The same color can be expressed in hex, RGB, HSL, CMYK, and more — use this tool to switch between any format without manual calculation.