颜色转换

怎么用

1. 输入或粘贴支持格式的颜色：HEX（3/4/6/8 位，可带可不带 #）、rgb()、rgba()、hsl()、hsla()。
2. 格式自动识别，三种表示同时更新。
3. 预览色块显示精确渲染效果；取色器保持同步，也可以反向使用。
4. 点某个值旁边的复制按钮，把 HEX、RGB 或 HSL 文本带进样式表。

常见用法

• 写 CSS —— 把设计工具给的 HEX 码转成 HSL，方便做自定义属性阶梯。
• 调试计算样式 —— 粘贴 devtools 里的 rgba() 串，读出等值 HEX。
• 透明度处理 —— 接受 4/8 位 HEX 输入；会识别 alpha 通道并转换不透明主色。
• 设计评审 —— 验证两种格式描述的确实是同一个颜色。

常见问题

问：输入接受哪些格式？ 答：3、4、6、8 位 HEX 码（# 可省略）、逗号或斜杠分隔的 rgb()/rgba()，以及饱和度、明度用百分比的 hsl()/hsla()。

问：alpha 通道怎么处理？ 答：带 alpha 的格式会被识别，但转换输出描述的是不透明色；alpha 值本身不会带过去，透明度重要时请回看原值。

问：为什么 HSL 数字和别的工具略有出入？ 答：转换后数值按整度与整百分比取整。保留更多小数位的工具会差一个舍入步长，视觉上无法分辨。