HSL to XYZ Color Converter

Convert HSL colour values to XYZ instantly. Free, client-side colour conversion - no signup, no upload, supports the colour picker.

Converter Color Converters Updated Apr 20, 2026
X Facebook LinkedIn Reddit Email
How to Use
  1. Type or paste a HSL colour into the input.
  2. The XYZ value updates instantly. Copy with the button.
  3. Click the swatch to open your browser's native colour picker.
  4. Click any quick-swatch chip to load a real-world starting colour.
HSL input
XYZ output
Try:
Reverse: XYZ → HSL Other from HSL: HEX RGB HSV CMYK LAB

About HSL and XYZ

HSL — Hue / Saturation / Lightness.

XYZ — CIE XYZ tristimulus values (D65).

Frequently Asked Questions

Does my colour value leave my browser?

No. The conversion runs entirely in JavaScript on this page.

Why does my picked colour change slightly?

Some colour spaces (LAB / OKLab / wide-gamut) can express colours that fall outside sRGB. Those values are clamped back into the displayable range.

Last updated: