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
Export panel
png
756 * 533
Default
Crop marks
Download
Formats
url
jpg
jpeg
png
pdf
css
svg
txt
html
Purplehex9201A5rgb146 , 1 , 165cmyk12 , 99 , 0 , 35hsb293 , 99 , 65hsl293 , 99 , 33hwb293 , 0 , 35ncolB88 , 0 , 35pantonelab35.69 , 67.77 , -49.58made withDOPELY.TOP
dopely.top
Purple
hex
#9201A5
rgb
146 , 1 , 165
cmyk
12 , 0 , 0 , 35
hsb
293 , 99 , 65
hsl
293 , 99 , 33
lab
35.69 , 67.77 , -49.58
hwb
293 , 0 , 35
ncol
B88 , 0 , 35
dopely.top
Purple
hex
#9201A5
rgb
146 , 1 , 165
cmyk
12 , 0 , 0 , 35
hsb
293 , 99 , 65
hsl
293 , 99 , 33
lab
35.69 , 67.77 , -49.58
hwb
293 , 0 , 35
ncol
B88 , 0 , 35
DOPELY.TOP
PURPLE
hex
9201A5
rgb
146, 1, 165
cmyk
12, 99, 0, 35
hsb
293, 99, 65
hsl
293, 99, 33
hwb
293, 0, 35
ncol
B88, 0, 35
lab
35.69 , 67.77 , -49.58

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