颜色格式转换
保护隐私 · 在浏览器中运行
~ $ devkit:color-convert

颜色格式转换

转换 HEX、RGB、HSL 颜色,保留透明度并预览色块。

HEX#ffb454
RGBrgb(255, 180, 84)
HSLhsl(32, 100%, 66%)

使用方法

  1. 输入 HEX、RGB 或 HSL 颜色,或使用颜色选择器。
  2. 点击“转换”,查看 HEX、RGB、HSL 值及色块。文本转换会保留透明度。

示例

HEX:#ff000080
RGB:rgba(255, 0, 0, 0.502)
HSL:hsla(0, 100%, 50%, 0.502)

说明与限制

支持 3、4、6、8 位 HEX 及数字形式的 RGB/HSL。不支持颜色名称、lab()、lch()、oklch() 和 color()。由于舍入,以字节表示的 HEX 透明度可能与小数透明度略有不同。