Dopely Colors
dopely colors
whats new

HSL to HWB
Color Converter

Do you need a HWB code instead of HSL?
Dopely's Converter can do it for you.

pick color from image iconPick Color From Image
redo icon
undo icon
,% ,%
,% ,%
dice
share
export
save
open
DOPELY.TOPSpring RainhexADCCACrgb173 , 204 , 172cmyk15 , 0 , 16 , 20hsb118 , 16 , 80hsl118 , 24 , 74hwb118 , 68 , 20ncolY97 , 68 , 20pantonelab79.07 , -16.44 , 12.53made withDOPELY.TOP
DOPELY.TOP
SPRING RAIN
hex
ADCCAC
rgb
173, 204, 172
cmyk
15, 0, 16, 20
hsb
118, 16, 80
hsl
118, 24, 74
hwb
118, 68, 20
ncol
Y97, 68, 20
lab
79.07 , -16.44 , 12.53

What does this hsl to hwb converter do?

You definitely need HWB to design css4 by now! With this tool, you can easily reach the HWB you want. If you have the HSL values ​​of the color you want, enter it. Your HWB values ​​are ready!

What is a hsl code

This color model represents Hue, Saturation and Lightness. Hue ranges from 0 to 360 degrees. The value of Saturation, the more it goes to 0, the color goes to the black or white range, and the more it goes to 100, the clearer the color becomes. Lightness also determines the amount of darkness and light of each color. By setting these three values, the desired color is created.

Explore Some Color