HEX / RGB / HSL 转换

在 HEX、RGB 和 HSL 之间转换颜色值,复制需要的格式用于 CSS 和设计。

免费浏览器
转换结果
#7c3aed
rgb(124, 58, 237)
hsl(262, 83%, 58%)

关于HEX / RGB / HSL 转换

在 HEX、RGB 和 HSL 表示之间转换颜色。将设计色值用于 CSS,或通过色相和饱和度理解颜色组成。

如何使用HEX / RGB / HSL 转换

  1. 输入支持的 HEX、RGB 或 HSL 色值。
  2. 查看预览和各格式的等价表示。
  3. 复制样式表需要的格式。

输入与输出示例

输入与设置
#ff0000
预期输出
RGB:255, 0, 0
HSL:0°, 100%, 50%

适用场景

  • 将设计稿 HEX 转换为 CSS RGB。
  • 查看颜色的色相和明度。

使用前需要了解的限制

支持的输入格式以工具控件为准。即使数值相同,屏幕设置和周围颜色也可能改变视觉感受。

数据处理与费用

核心操作在浏览器中完成,工具输入不会上传处理。网站仍可能使用会话 Cookie,并按隐私政策收集运行或使用数据。

在浏览器中免费使用,无需登录。

常见问题

不会。HEX、RGB 和 HSL 是同一颜色的不同表示方式;转换 HSL 时可能出现轻微四舍五入。

支持常见的 3 位和 6 位 HEX 颜色,可以带 #,也可以不带。

可以。生成的 HEX、RGB 和 HSL 输出都按 CSS 可直接使用的格式展示。

相关工具