颜色转换

什么是颜色转换？

如何使用颜色转换

1. 1

   选择输入格式：在工具顶部的输入格式选项区，点击选中你当前持有的颜色对应的格式，可选HEX、RGB、HSL三种，选中后对应输入框会自动激活。

2. 2

   填入颜色数值：在激活的对应格式输入框中，填入完整合法的颜色数值，注意HEX要包含开头#符号，RGB和HSL要符合对应语法格式。

3. 3

   预览颜色效果：填入数值后工具会自动转换，你可以在专门的颜色预览区块，查看当前输入颜色的实际铺满显示效果，确认是不是目标颜色。

4. 4

   复制转换结果：转换完成后，在结果区域找到你需要的目标格式，点击对应结果数值框即可一键选中，直接复制带走数值使用。

什么场景会用到？

计算示例

注意事项

• 本工具仅支持标准6位HEX颜色格式，不支持3位简写HEX，也不支持带透明度的8位HEX，输入不符合格式的内容无法正常转换。
• RGB通道值范围固定为0-255，超出范围的数值会自动截断到合法区间，不会报错提醒。
• HSL的H取值范围为0-360度，S、L取值范围为0-100%，超出范围会自动修正为边界值。
• 本工具转换基于标准sRGB色彩空间，不支持专业色彩管理的CMYK格式转换，也不做色彩校准。

常见问题

参考资料

• W3C CSS Color Module Level 4 规范
• MDN Web Docs CSS 颜色值文档

本工具遵循W3C CSS颜色标准定义，所有转换逻辑均经过人工核对与程序复算，结果保留1位小数，由工具集编辑组维护，仅支持HEX、RGB、HSL三种格式互转。