HSV to XYZ Converter

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

HSV Input

0 – 360
0 – 100
0 – 100

CIE XYZ Output

hsv(210, 75%, 85%)
Red-like
0 – 0.9505
Luminance
0 – 1.0000
Blue-like
0 – 1.0890

Intermediate sRGB (0 – 255)

Equivalents

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

  1. Enter Hue (0–360°), Saturation (0–100%), and Value (0–100%) or use the color picker.
  2. The tool converts HSV to sRGB (0–255) and displays the rounded 8-bit values.
  3. Each sRGB channel is gamma-expanded to remove the sRGB transfer function, producing linear light values (0–1).
  4. The linear sRGB triplet is multiplied by the IEC 61966-2-1 matrix to produce X, Y, Z.
  5. Hex (#rrggbb) and HSL equivalents are shown as additional reference outputs.
  6. 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

Last updated: 2026-07-01 · Reviewed by Nham Vu