HSL to HWB
Paste any HSL color to get an accurate HWB value instantly. Copy the converted result, try a random example, or continue with related color tools.
hwb(220 25% 3.7%)
Tip: Press SPACE to generate a random color
Click a color block to copy to your clipboard.
Similar HSL converters
More color converters
HSL to HWB FAQ
Questions about converting HSL values into HWB for design and development workflows.
HSL to HWB frequently asked questions
How do I convert HSL to HWB?
Paste or type a HSL color into the input field and the converter will instantly return the matching HWB value. You can then copy the result and use it in your design or development workflow.
When should I use HWB over HSL?
HWB is a better choice when you need human-readable CSS adjustments, making it straight-forward to mix basic colors directly with white or black. If your current workflow starts in HSL, converting helps you move the same color into the format required by your code, tooling, or platform.
Does this converter preserve my selected color in the URL?
Yes. The current HSL value is synced to the page URL so you can bookmark the conversion, share it with someone else, or come back to the same result later.