Convert

XYZ to HSL

Convert XYZ to HSL in one step. Paste your values and get instant results—see the same color in all formats.

Reverse

Enter XYZ value

Converts to HSL

Fill in the XYZ values above to see the result

Popular conversions

RGB → Hex Hex → RGB RGB → HSL HSL → RGB Hex → HSL HSL → Hex RGB → CMYK CMYK → RGB

Conversion guide

XYZ to HSL — How it works

How XYZ to HSL conversion works

XYZ and HSL are two different ways of representing the same color. Our converter uses standard color-space math to transform your XYZ value into HSL (and shows the result in other formats too). Paste your XYZ value above to get an instant HSLresult you can copy for CSS, design tools, or development.

The same color can be expressed in hex, RGB, HSL, CMYK, and more — use this tool to switch between any format without manual calculation.