What range should I use for X, Y, and Z?

This tool accepts the 0–100 scale (percentage of the D65 white point where Y=100 is white). You can also enter 0–1 values; the tool auto-detects and normalizes values in that range.

What is the HWB color model?

HWB stands for Hue, Whiteness, Blackness. It describes a color as a pure hue (0–360 degrees) mixed with a percentage of white and a percentage of black. It is natively supported in CSS via the hwb() function.

Why does the swatch look wrong for extreme XYZ values?

XYZ can represent colors outside the sRGB gamut. Values outside [0, 1] after the XYZ-to-sRGB matrix are clamped to [0, 1], so highly saturated or out-of-gamut colors will appear clipped.

What illuminant does this tool assume?

The conversion matrix assumes the CIE D65 standard illuminant and the 2-degree observer, which matches the sRGB standard (IEC 61966-2-1).

Can I use this for print / CMYK work?

HWB is an sRGB-based model and is primarily used for screen/web color. For print, use a tool that converts XYZ directly to CMYK via a suitable profile.

XYZ to HWB Converter

Name: XYZ to HWB Converter
Availability: InStock
Author: Nham Vu

Enter CIE XYZ values and instantly see the equivalent HWB (Hue, Whiteness, Blackness) color with a live swatch.

CIE XYZ Input

X (0 – 95.047)

Y (0 – 100)

Z (0 – 108.883)

Quick Examples

HWB Result

Swatch preview

Enter XYZ values and click Convert.

Summary

Enter CIE XYZ values and instantly see the equivalent HWB (Hue, Whiteness, Blackness) color with a live swatch.

How it works

Enter the X, Y, and Z channel values (each in the range 0–100 or 0–1, normalized to D65 illuminant).
The tool converts XYZ to linear sRGB using the standard CIE matrix.
Linear sRGB values are gamma-corrected to produce standard sRGB (0–255).
sRGB is then converted to HSL to extract the hue angle.
Whiteness and Blackness are derived from the min and max of the sRGB channels.
A live color swatch updates in real time to show the resulting color.

Use cases

Verify color conversions when working with ICC profiles or color-managed pipelines.
Translate spectrophotometer XYZ measurements into design-friendly HWB values.
Debug rendering differences between device-independent and sRGB color spaces.
Learn how CIE XYZ relates to perceptual color descriptors like hue and whiteness.
Cross-check output from color science libraries against a known reference.
Generate HWB CSS values from measured color data for web projects.

Frequently Asked Questions

Related tools

Xyz To Hsl Xyz To Rgb Rgb To Hwb

Last updated: 2026-05-28 · Reviewed by Nham Vu