颜色格式转换

输入任意颜色值,在 HEX、RGB、RGBA、HSL、HSLA 之间互转,自动补全 3 位缩写、支持透明度 alpha,并给出色块预览。所有计算都在浏览器本地完成。

颜色转换 等待输入

支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA、rgb()/rgba()、hsl()/hsla() 等写法。

转换结果
色块预览 左侧色块显示当前颜色的实际渲染效果,含透明度。
HEX—
HEX8—
RGB—
RGBA—
HSL—
HSLA—
输入颜色后点击「转换」,这里将显示 HEX / RGB / HSL 各格式结果与色块预览。

支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA、rgb()/rgba()、hsl()/hsla() 等写法。

换算说明
  • HEX 为 16 进制:#RRGGBB,每两位表示 R / G / B(00 - FF)。
  • 3 位缩写补全:#f00 = #ff0000,每位重复一次。
  • RGB 分量范围 0 - 255,HSL 中 H 为 0 - 360、S / L 为 0% - 100%。
  • 带透明度的 8 位 HEX:#RRGGBBAA,AA 为 alpha 的 16 进制表示。
  • HSL → RGB 采用标准色相分段公式,RGB → HSL 为逆运算。
  • 所有结果在浏览器本地计算,仅供设计与开发参考。