Convert Hsl to Hsv

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

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

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.

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.

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 Hsl and Hsv conversions can be found on Github:

Conversion Example:

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

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?