Converting HSV to HSL
HSV (also called HSB) describes a color by hue, saturation, and value/brightness — the model behind most color-picker wheels. HSL expresses a color as a hue angle plus saturation and lightness percentages, which maps closely to how people think about color.
HSV and HSL are two ways of writing the same on-screen color, so converting between them is exact — it simply re-expresses the color in a notation that fits designing palettes and tweaking colors intuitively in CSS.
This HSV to HSL converter works instantly in your browser: type or pick a HSV color and the HSL value updates live, along with every other common format so you can copy whichever you need. Nothing is sent to a server, and it is completely free with no limits.
When do you need HSL?
Reach for HSL when you are working on designing palettes and tweaking colors intuitively in CSS. Designers and developers routinely convert HSV to HSL to move a color between a design workflow and a design one without eyeballing it. If you want to grab a color straight from an image instead of typing it, try our color picker from image, or build a full scheme with the palette generator.
You can also convert in the other direction with our HSL to HSV converter, or jump to any other format — the tool always shows HEX, RGB, HSL, HSV, and CMYK side by side.