Convert Hsv to Hsl

Enter values for an Hsv to convert it to Hsl, or vice versa.

Hsv
0 to 360
0 to 1
0 to 1
Hsl
0 to 360
0 to 100
0 to 100
Log

Hsv

Hsv (also known as Hsb) is similar to Hsl. They're both based on cylindrical geometries, but Hsv is based on a "Hexacone" model while Hsl is based on a "Double Hexacone" model. Read more about the differences on wikipedia.

Hsl

Hsl is a cylindrical-coordinate representation of the Rgb color model. This representation rearranges the colors in an attempt to be more intuitive and perceptually relevant than the typical Rgb representation. It's frequently used for computer graphics applications like color pickers and image analysis.

ColorMine.org is Proudly Sponsored By:

Nix Sensor Banner

If you're into color, color theory or design you should definitely check out the award winning Nix Color Sensor. It really is a game changing tool.

Looking for the code?

All calculations were doing using the open source ColorMine library.

The code used for the Hsv and Hsl conversions can be found on Github:

Conversion Example:

var hsv = new Hsv();
var hsl = hsv.To<Hsl>();

Color conversions performed using the open source ColorMine library.

ColorMine.org is Proudly Sponsored By:

Nix Sensor Banner

If you're into color, color theory or design you should definitely check out the award winning Nix Color Sensor. It really is a game changing tool.

Looking for a specific conversion?