颜色转换

适用场景

• 查看设计 HEX 颜色的 RGB 通道。
• 从 RGB 数值生成 HEX 和 HSL 表示。

使用步骤

1. 输入 HEX 或 0 至 255 的 RGB 通道。
2. 查看对应颜色格式。
3. 复制生成文本。

实际示例

绿色示例

#187b69 转换为 rgb(24, 123, 105)，相同 RGB 会生成 #187b69 和 HSL。

工作原理与规则

• HEX 用两位十六进制表示每个 RGB 通道；HSL 根据归一化 RGB 的最大最小值计算并取整。

限制与注意事项

• 生成 HEX 时 RGB 会四舍五入为整数。
• 不处理透明度、广色域、色彩配置、LAB 或 LCH。
• HSL 取整可能导致往返转换不完全一致。

常见问题

参考资料

• CSS Color Module Level 4

相关工具

• JSON 工具
• Base64 编解码
• URL 编解码

提交工具反馈

邮件只包含页面信息，不会包含工具输入或结果。