# XYZ转HEX转换器

将XYZ颜色值转换为HEX用于屏幕显示

> 标准页面: https://elysiatools.com/zh/tools/xyz-to-hex-converter

- **分类:** Design

- **关键词:** xyz, hex, 颜色, 转换器, cie, 网页, 色彩空间, 十六进制

## 概述

XYZ转HEX转换器是一款高效的色彩空间转换工具，旨在帮助设计师和开发者将CIE XYZ色彩空间数值精确转换为网页开发中常用的HEX十六进制颜色代码，确保色彩在不同屏幕显示设备间的一致性。

## 输入项

- **XYZ输入** (textarea): Enter XYZ values, one per line: xyz(41.24,21.26,1.93) xyz(20.18,39.42,35.76) 95.05,100.00,108.88 X:41.24 Y:21.26 Z:1.93
- **输出格式** (select)

## 适用场景

- 需要将科学计算或色彩分析得到的XYZ数值转换为网页CSS颜色代码时。
- 在进行跨平台色彩管理，将打印或扫描设备的色彩数据适配到屏幕显示时。
- 批量处理多个颜色样本，并统一转换为特定格式的十六进制代码时。

## 工作原理

- 在输入框中粘贴您的XYZ颜色数值，支持多种格式如 xyz(x,y,z) 或直接输入逗号分隔的数值。
- 在输出格式选项中选择您需要的HEX格式，例如大写、小写或是否包含井号。
- 点击转换按钮，工具将自动计算并即时输出对应的HEX颜色值。

## 使用案例

- 前端开发人员将色彩分析报告中的XYZ数据转化为CSS样式代码。
- 图形设计师将从色彩测量仪获取的原始数据转换为Web设计规范。
- 色彩研究人员快速验证不同XYZ坐标对应的屏幕显示效果。

## 常见问题

### 什么是XYZ色彩空间？

XYZ色彩空间是由CIE定义的国际标准色彩空间，它基于人类视觉感知，包含了所有可见颜色，常用于色彩科学研究。

### 为什么需要将XYZ转换为HEX？

HEX是网页设计和前端开发中最常用的颜色表示法，而XYZ多用于色彩测量和设备校准，转换后才能在网页中直接使用。

### 该工具支持批量转换吗？

支持，您可以在输入框中每行输入一个XYZ数值，工具将为您一次性处理并输出对应的HEX列表。

### 转换后的颜色会失真吗？

转换过程基于标准的色彩空间数学模型，但在从宽色域的XYZ转换到受限的sRGB（HEX通常对应sRGB）时，超出显示范围的颜色可能会被截断。

### 输出格式有哪些选择？

您可以选择包含或不包含井号（#）、大写或小写字母，以及在可能的情况下使用简写形式（如 #F00）。

## 相关工具

- [Adobe RGB转CMYK转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-cmyk-converter): 将Adobe RGB颜色值转换为CMYK格式用于印刷，支持alpha通道处理
- [Adobe RGB转HEX转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hex-converter): 将Adobe RGB颜色值转换为HEX格式用于网页设计
- [Adobe RGB转HSL转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hsl-converter): 将Adobe RGB颜色值转换为HSL格式用于设计工作
- [Adobe RGB转HSV转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-hsv-converter): 将Adobe RGB颜色值转换为HSV/HSB用于色彩操作
- [Adobe RGB转LAB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-lab-converter): 将Adobe RGB颜色值转换为LAB色彩空间用于颜色分析，支持alpha通道处理
- [Adobe RGB转LCH转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-lch-converter): 将Adobe RGB颜色值转换为LCH色彩空间用于直观的颜色操作，支持alpha通道处理
- [Adobe RGB转RGB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-rgb-converter): 将Adobe RGB颜色值转换为sRGB格式用于网页显示
- [Adobe RGB转sRGB转换器](https://elysiatools.com/zh/tools/adobe-rgb-to-srgb-converter): 将Adobe RGB颜色值转换为sRGB格式用于网页显示

## 示例

- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [十六进制/Unicode转换样本](https://elysiatools.com/zh/samples/text-hex-unicode-formats): 十六进制和Unicode转义序列转换的测试样本
- [Web Rust 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-rust): Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web TypeScript 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-typescript): Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [面向网页与印刷的色彩空间转换工具](https://elysiatools.com/zh/hubs/design-convert): 围绕网页到印刷的色彩空间转换整理的一组工具。
- [CSS 效果、配色板与设计 Token 生成工具](https://elysiatools.com/zh/hubs/design-generate): 围绕CSS 视觉效果、配色构建与设计 Token 生成整理的一组工具。
- [网页无障碍审查与可读配色工具](https://elysiatools.com/zh/hubs/web-accessibility-audits): 在一个专题中检查 WCAG 问题、读屏顺序、低对比度区域、色觉缺陷风险和可读配色选择，适合网页与 UI 无障碍工作流。
- [颜色设计与颜色空间转换工具](https://elysiatools.com/zh/hubs/color-design-tools): 在一个专题里比较颜色转换器、调色板生成器、和谐色工具、无障碍检查器和颜色调整工具，适合设计师和开发者。
