短写 `#f00` 和 `#ff0000` 一样吗？

是。`#RGB` 等价于把每位再复制一次得到 `#RRGGBB`。

HSLA 的 alpha 支持百分号吗？

支持。工具接受 `0-1` 的小数或 `0%-100%`。

RGB 通道和 HEX Alpha 是离散整数，HSL 输出也会保留有限小数。往返转换会有舍入误差，应保留原始设计值作为基准。

不是，半透明颜色会与所在背景混合。相同 RGBA 值放在不同背景上看起来可能不同；应在目标页面背景中再次核对。

HEX / RGB / HSL 互转，附实时预览与一键复制

浏览器本地计算

输入 HEX、rgb() 或 hsl() 颜色即可预览和转换；透明度会显示在支持 Alpha 的输出格式中。

输入颜色

预览

#ff000080

rgba(255, 0, 0, 0.502)
hsla(0.0, 100.0%, 50.0%, 0.502)

80 的十六进制值为 128，Alpha 是 128/255，略大于 0.5。

RGB 通道使用 0–255，HSL 色相按 360 度循环，饱和度与亮度使用百分比。HEX 的 Alpha 位在末尾，不是 ARGB；透明度转为 8 位时会四舍五入。本工具使用 sRGB 数值转换，不计算印刷 CMYK、ICC 色彩管理或 WCAG 对比度。

在 HEX、RGB/RGBA 与 HSL/HSLA 之间转换颜色，并实时显示色块。适合对照设计稿、调整 CSS 颜色及检查透明度；支持常见短十六进制和含 Alpha 的格式。

色彩空间转换会做四舍五入，来回转一次可能有 1 的偏差。HSL 的色相 H 归一到 0~360 度。

短写 `#f00` 和 `#ff0000` 一样吗？: 是。`#RGB` 等价于把每位再复制一次得到 `#RRGGBB`。
HSLA 的 alpha 支持百分号吗？: 支持。工具接受 `0-1` 的小数或 `0%-100%`。
为什么反复转换后数值略有变化？: RGB 通道和 HEX Alpha 是离散整数，HSL 输出也会保留有限小数。往返转换会有舍入误差，应保留原始设计值作为基准。
颜色预览是否代表叠加背景后的最终颜色？: 不是，半透明颜色会与所在背景混合。相同 RGBA 值放在不同背景上看起来可能不同；应在目标页面背景中再次核对。