# HEX转XYZ转换器

将HEX色彩值转换为XYZ用于色彩管理，支持alpha通道

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

- **分类:** Design

- **关键词:** hex, xyz, 颜色, 转换器, cie, 色彩空间, 屏幕, 十六进制, alpha, 透明度

## 概述

HEX转XYZ转换器是一款专业的色彩空间转换工具，旨在帮助设计师和开发者将十六进制（HEX）颜色代码精确转换为CIE XYZ色彩空间数值，支持处理带有Alpha透明度通道的颜色，确保色彩管理的一致性。

## 输入项

- **HEX输入** (textarea): Enter HEX values, one per line: #ff0000 #00ff00 #ffffff #ff000080 #00ff0080 f00 0f0 00f f08 0f8
- **输出格式** (select)
- **Alpha通道处理** (select)
- **自定义背景颜色** (color): Alpha合成使用的自定义背景颜色（选择自定义背景时使用）

## 适用场景

- 在进行跨设备色彩匹配或打印色彩管理时，需要将Web标准的HEX颜色转换为设备无关的XYZ空间。
- 处理带有透明度（Alpha通道）的UI设计元素，并需要计算其在特定背景下的实际色彩表现。
- 在开发需要符合CIE标准色彩计算的图形应用或渲染引擎时，进行基础色彩数据转换。

## 工作原理

- 在输入框中粘贴一个或多个HEX颜色代码，支持简写（如#f00）及带Alpha通道的格式（如#ff000080）。
- 选择所需的输出格式，包括标准的xyz(X,Y,Z)格式、CSS兼容格式或纯数值列表。
- 根据需求设置Alpha通道处理方式，可选择与白色、黑色或自定义背景进行合成，或直接忽略透明度。
- 点击转换按钮，工具将自动计算并输出对应的XYZ色彩坐标。

## 使用案例

- 网页设计师将品牌色HEX值转换为XYZ，以便在印刷品或工业色彩标准中进行比对。
- 前端开发者在处理半透明UI组件时，通过合成计算获取准确的XYZ色彩值以优化渲染效果。
- 色彩研究人员批量转换颜色列表，用于构建符合CIE标准的色彩分析数据库。

## 常见问题

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

HEX是基于RGB的显示器色彩模型，而XYZ是基于人眼视觉的设备无关色彩空间，常用于专业的色彩管理和科学计算。

### 工具支持带透明度的HEX颜色吗？

支持。您可以输入如#ff000080格式的颜色，并通过Alpha通道处理选项将其与背景色合成后再转换。

### 输出格式中的CSS格式是什么意思？

CSS格式输出为符合现代CSS Color Module Level 4标准的xyz(X Y Z)语法，可直接用于网页样式开发。

### 自定义背景颜色有什么作用？

当输入颜色包含透明度时，系统需要一个背景色来计算合成后的最终颜色，自定义背景可确保转换结果符合您的设计场景。

### 转换结果的精度如何？

工具采用标准的CIE转换算法，输出结果保留两位小数，满足大多数色彩管理和图形开发需求。

## 相关工具

- [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 图像处理示例，包括图像读取保存、缩放和格式转换
