Output Color

Loading… Please Wait

About HSL to HWB Converter

Input an HSL value like hsl(120deg, 100%, 50%) and Diversify India’s HSL to HWB converter will convert this value to an HWB color like hwb(120deg 0% 0%).

HSL color parameters are hue, saturation, and lightness. The output HWB color parameters are hue, whiteness, and blackness.

What is HSL?

In HSL, H is Hue, S is Saturation, and L is Lightness. This color model is used in web design and graphics to define colors in terms of their hue (angle on the color wheel), saturation (intensity), and lightness (brightness). Hue spans 0 to 360 degrees, with saturation and lightness both ranging from 0 to 100%.

What is HWB?

HWB stands for Hue, Whiteness, and Blackness. This color model is used in web design and graphics to define colors based on hue (angle on the color wheel), the amount of white (whiteness), and the amount of black (blackness). The hue ranges from 0 to 360, while whiteness and blackness are percentages from 0% to 100%.

Why Convert HSL to HWB?

Converting HSL to HWB is useful for simplifying color manipulation by focusing on hue, whiteness, and blackness. The HWB model makes it easier to adjust colors by modifying their white and black components, which can be particularly advantageous in design and artistic applications.

How to Convert HSL to HWB

To convert HSL to HWB, you need to transform the hue, saturation, and lightness values to their equivalent RGB values (refer to our HSL to RGB article), then convert these RGB values to an HWB code (refer to our RGB to HWB article).

List of Color Tools