CIE XYZ is a device-independent color space defined by the International Commission on Illumination (CIE) in 1931. The X, Y, and Z values — tristimulus values — represent the amounts of three imaginary primaries needed to match a given color. Y corresponds to luminance (brightness), while X and Z carry chromaticity information.

How is HSV converted to XYZ?

The conversion uses a two-step chain: (1) HSV is converted to sRGB (0–255) using the standard HSV-to-RGB algorithm. (2) Each sRGB channel is gamma-expanded to linear light by reversing the sRGB transfer function, then multiplied by the IEC 61966-2-1 sRGB-to-XYZ matrix to produce X, Y, Z referenced to the D65 illuminant.

What white point does this tool use?

This tool uses the CIE D65 illuminant white point (Xn = 0.95047, Yn = 1.00000, Zn = 1.08883), which is the standard reference for sRGB and most digital displays. Pure white (HSV 0, 0%, 100%) gives X ≈ 0.9505, Y = 1.0000, Z ≈ 1.0890.

What are typical ranges for X, Y, and Z?

For colors within the sRGB gamut, X typically falls in 0–0.9505, Y in 0–1.0000, and Z in 0–1.0890. Pure black (Value = 0%) gives X = Y = Z = 0.

Can I use XYZ values in CSS?

Yes. Modern browsers support the color() function with the xyz-d65 color space (CSS Color Level 4): color(xyz-d65 X Y Z). The copy button outputs this format. Check browser compatibility before using in production.

What is the difference between HSV and HSB?

HSV and HSB are the same color model — the V in HSV stands for Value and the B in HSB stands for Brightness. Both describe the same three-component system. HSV/HSB differs from HSL in that at maximum Saturation and Value/Brightness the color is the pure hue, whereas in HSL the pure hue occurs at 50% Lightness.

HSV to XYZ Converter

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

Enter HSV values and instantly get CIE XYZ tristimulus values with intermediate sRGB, hex, and HSL equivalents plus a live color swatch.

HSV Input

Hue 0 – 360

Saturation (%) 0 – 100

Value (%) 0 – 100

Pick a color

CIE XYZ Output

hsv(210, 75%, 85%)

X Red-like

0 – 0.9505

Y Luminance

0 – 1.0000

Z Blue-like

0 – 1.0890

Intermediate sRGB (0 – 255)

Equivalents

Hex

HSL

D65 white point: Xn = 0.95047, Yn = 1.00000, Zn = 1.08883

Copied!

Summary

Enter HSV values and instantly get CIE XYZ tristimulus values with intermediate sRGB, hex, and HSL equivalents plus a live color swatch.

How it works

Enter Hue (0–360°), Saturation (0–100%), and Value (0–100%) or use the color picker.
The tool converts HSV to sRGB (0–255) and displays the rounded 8-bit values.
Each sRGB channel is gamma-expanded to remove the sRGB transfer function, producing linear light values (0–1).
The linear sRGB triplet is multiplied by the IEC 61966-2-1 matrix to produce X, Y, Z.
Hex (#rrggbb) and HSL equivalents are shown as additional reference outputs.
Click any copy icon or the main button to copy individual values or the CSS color() string.

Use cases

Convert design-tool HSV colors to CIE XYZ for colorimetric or ICC profile work.
Use XYZ values as a stepping stone to L*a*b*, L*u*v*, or other perceptual color spaces.
Verify white-balance or camera matrices by inspecting expected XYZ tristimulus values.
Feed X, Y, Z into chromatic adaptation transforms (e.g. Bradford) from an HSV source.
Cross-reference HSV picker values with XYZ for print or textile color matching.
Build tone-mapping or color grading workflows that operate in CIE XYZ space.

Frequently Asked Questions

Related tools

Hsl To Xyz Rgb To Xyz Hsv To Lab Hsv To Hex

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