颜色转换器 (HEX/RGB/HSL)

在 HEX、RGB 和 HSL 格式之间转换颜色。包含可视化颜色选择器和预览。

使用方法

  1. 以任意格式(HEX、RGB 或 HSL)输入颜色值
  2. 即时查看所有其他格式的转换结果
  3. 使用颜色选择器直观地选择颜色
  4. 使用「复制」按钮复制任意格式

常见问题

  • HEX、RGB 和 HSL 有什么区别?

    HEX 使用十六进制表示法(#FF5733)。RGB 通过红、绿、蓝值(0-255)定义颜色。HSL 通过色相(0-360)、饱和度(0-100%)和亮度(0-100%)定义颜色。

  • CSS 中应该使用哪种颜色格式?

    三种格式在 CSS 中都有效。HEX 最紧凑,RGB 在混合颜色时最直观,HSL 最适合通过调整亮度或饱和度来创建颜色变体。

  • 支持透明度吗?

    当前版本转换不透明颜色。对 Alpha 通道(RGBA、HSLA、8 位 HEX)的支持已计划在未来更新中添加。

  • 可以在手机上使用颜色选择器吗?

    可以。颜色输入在所有设备上使用原生颜色选择器,包括移动浏览器。