Output Color

Loading… Please Wait

About HSLA to HWB Converter

Input an HSLA value like hsla(120deg, 100%, 50%, 0.5) and HSLA to HWB converter will convert this value to an HWB color like hwb(120deg 0% 0% / 0.5).

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

What is HSLA?

In HSLA, H is Hue, S is Saturation, L is Lightness, and A is Alpha. 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), lightness (brightness), and alpha (opacity). The hue ranges from 0 to 360, while saturation, lightness, and alpha range from 0 to 100% (for saturation and lightness) and 0 to 1 (for alpha).

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 HSLA to HWB?

Converting HSLA to HWB is useful for color adjustments that emphasize hue, whiteness, and blackness. The HWB model is intuitive for creating variations in lightness and saturation, which can be beneficial in design and artistic applications.

How to Convert HSLA to HWB

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

List of Color Tools