Convert Xyz to Hsl

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

Xyz
0 to 1
0 to 1
0 to 1
Hsl
0 to 360
0 to 100
0 to 100
Log

Xyz

Xyz is an additive color space based on how the eye intereprets stimulus from light. Unlike other additive rgb like Rgb, Xyz is a purely mathmatical space and the primary components are "imaginary", meaning you can't create the represented color in the physical by shining any sort of lights representing x, y, and z. It's complicated to explain in a nutshell, so read more about it here:

.

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

Conversion Example:

var xyz = new Xyz();
var hsl = xyz.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?