Elysia Tools
导航
Design
· 最后更新：2025-01-12
将XYZ颜色值转换为HSL用于屏幕显示
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
工具使用指南
XYZ转HSL转换器是一款专业的色彩空间转换工具，旨在帮助设计师和开发者将CIE XYZ色彩空间数值精确转换为HSL（色相、饱和度、亮度）格式，以便在屏幕显示和Web开发中更直观地使用颜色。
背景
项目组提供了一份基于CIE标准的XYZ颜色列表，需要将其应用到网页的CSS样式表中。
问题
手动计算XYZ到HSL的转换非常繁琐且容易出错。
如何使用
将XYZ数值粘贴到输入框，选择“css”输出格式，一键获取代码。
format: css结果
直接获得可直接复制到CSS文件中的 hsl() 颜色值，大幅提升开发效率。
背景
设计师需要整理一套品牌色，原始数据为XYZ格式，需要将其转化为易于调整的HSL数值以便进行深浅色变体设计。
问题
需要将XYZ转换为带标签的数值格式，以便在设计文档中记录。
如何使用
输入XYZ数值，选择“labeled”格式，获取清晰的H、S、L参数。
format: labeled结果
得到格式为“H:0 S:100% L:50%”的清晰数据，方便记录在设计规范文档中。
XYZ色彩空间是由CIE定义的国际标准，代表了人眼可见的所有颜色，常用于色彩科学和设备无关的颜色描述。
HSL格式更符合人类对颜色的感知（色相、饱和度、亮度），且在CSS和网页设计中更易于直接调用和调整。
支持，您可以在输入框中每行输入一个XYZ值，工具将一次性为您转换所有颜色。
可以，选择“css”输出格式，即可直接获得符合 CSS 语法（如 hsl(0, 100%, 50%)）的颜色代码。
转换基于标准的色彩空间数学公式，在计算过程中保持了高精度，确保颜色在屏幕显示时的一致性。