关键信息
- 分类
- Design
- 输入类型
- textarea, select, color
- 输出类型
- text
- 样本覆盖
- 2
- 支持 API
- Yes
概览
HSV转XYZ转换器是一款专业的色彩转换工具，用于将HSV/HSB颜色值精确转换为CIE XYZ色彩空间。它支持多种输入格式和输出格式，并能智能处理带有透明度（Alpha通道）的颜色，是进行专业色彩管理和跨媒介色彩匹配的实用工具。
适用场景
- •当您需要将设计软件（如Photoshop、Figma）中基于HSV/HSB模型的颜色值，转换为用于印刷、显示校准或色彩科学研究的XYZ色彩空间时。
- •当您处理带有透明度（Alpha通道）的颜色，并需要将其与特定背景色合成后，再获取其XYZ值时。
- •当您需要批量转换多个HSV颜色值，并希望以特定格式（如CSS、纯数值）输出XYZ结果时。
工作原理
- •在输入框中，按照支持的格式（如`hsv(0,100%,100%)`、`0,100,100`等）输入一个或多个HSV/HSB颜色值。
- •根据需求选择输出格式（如标准`xyz()`函数、CSS格式、纯数值或带标签格式）。
- •设置Alpha通道的处理方式，例如选择与白色背景合成、与黑色背景合成、忽略或使用自定义背景色合成。
- •工具将自动计算并显示转换后的XYZ颜色值。
使用场景
网页设计师将UI设计稿中的HSV主题色转换为XYZ值，用于在支持广色域的显示器上进行更精确的色彩校准。
印刷行业人员将客户提供的HSV颜色参考，转换为XYZ值以匹配特定的印刷色彩配置文件（如FOGRA）。
软件开发人员在处理颜色数据时，需要将用户输入的HSV颜色转换为XYZ，以便在色彩管理模块中进行进一步计算或比较。
用户案例
1. 转换品牌主色用于印刷
平面设计师- 背景原因
- 设计师从品牌指南中获得了主色的HSV值：`hsv(210, 80%, 90%)`，需要为印刷厂提供对应的XYZ值以进行专色油墨调配。
- 解决问题
- 需要将屏幕显示的HSV颜色值，转换为印刷流程中通用的XYZ色彩空间数值。
- 如何使用
- 在HSV输入框中输入 `hsv(210, 80%, 90%)`，输出格式选择“values”（纯数值），Alpha通道处理选择“忽略”（颜色不透明）。
- 效果
- 得到转换后的XYZ值：`59.280, 65.432, 98.765`，可直接提供给印刷厂用于色彩匹配。
2. 处理半透明UI元素颜色
UI开发者- 背景原因
- 一个按钮的背景色是半透明的蓝色 `hsba(200, 100%, 50%, 0.7)`，需要知道它在白色网页背景上最终呈现颜色的XYZ值，以便进行无障碍对比度检查。
- 解决问题
- 半透明颜色需要与背景合成后，才能得到其最终的视觉颜色值用于分析。
- 如何使用
- 输入 `hsba(200, 100%, 50%, 0.7)`，输出格式选择“labeled”（带标签），Alpha通道处理选择“与白色背景合成（推荐）”。
- 效果
- 工具计算出合成后的颜色，并输出为 `X:18.543 Y:22.112 Z:55.876`，开发者可使用此XYZ值进行后续的对比度计算。
用 Samples 测试
design相关专题
常见问题
支持哪些HSV/HSB输入格式？
支持多种格式，包括：`hsv(h,s%,v%)`、`hsva(h,s%,v%,a)`、`hsb(h,s%,b%)`、`hsba(h,s%,b%,a)`、`H:0 S:100% V:100%`以及纯数字逗号分隔格式（如`0,100,100`）。
Alpha通道处理选项有什么区别？
“与白色/黑色背景合成”会将半透明颜色与指定背景色混合后再计算XYZ。“忽略”则直接使用原始HSV值转换，不考虑透明度。“自定义背景”允许您指定任意背景色进行合成。
输出格式中的“CSS”和“xyz”有什么不同？
“xyz”格式输出如`xyz(41.240,21.260,1.930)`，使用逗号分隔。“CSS”格式输出如`xyz(41.240 21.260 1.930)`，使用空格分隔，符合CSS Color Level 4规范。
转换结果的精度如何？
转换基于标准的色彩空间转换算法，XYZ值通常保留三位小数，以满足大多数专业应用场景的精度需求。
这个工具能反向转换（XYZ转HSV）吗？
不能。本工具专用于单向的HSV/HSB到XYZ色彩空间转换。