Convert Hsl to Xyz

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

Hsl
0 to 360
0 to 100
0 to 100
Xyz
0 to 1
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.

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:

.

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

Conversion Example:

var hsl = new Hsl();
var xyz = hsl.To<Xyz>();

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?