HEX 转 RGB 在线颜色转换器——输出 HEX、RGB 与 HSL

使用 HEX 转 RGB 在线颜色转换器,把 HEX 或 RGB 输入在本地转换为标准 HEX、RGB 和 HSL 数值。

关于此工具

此在线颜色转换器支持带或不带 # 的三位、六位 HEX,以及整数 rgb(r, g, b) 输入,并为 CSS 和设计工作计算标准 HEX、RGB 与取整后的 HSL 表示。

使用方法

  1. 输入 #2563EB 等 HEX 颜色,或 rgb(37, 99, 235) 等 RGB 值。
  2. 执行转换,计算 HEX、RGB 和 HSL 格式。
  3. 把需要的结果复制到 CSS、设计规范或颜色比较中。

功能特点

  • 支持三位和六位 HEX 输入。
  • 支持 0 到 255 的整数 RGB 通道值。
  • 输出标准 HEX、RGB 和取整 HSL。

常见使用场景

  • 把设计颜色转换为不同 CSS 格式。
  • 在前端开发中对照 HEX 与 RGB 数值。
  • 获取用于调整颜色的近似 HSL 值。

常见问题与提示

  • 不支持 Alpha 透明度和八位 HEX。
  • HSL 百分比会取整,因此往返转换可能有轻微差异。

隐私

颜色转换完全在浏览器本地运行,颜色数值不会上传到 Tools12345。

常见问题

HEX 颜色可以不写 # 吗?

可以。2563EB 和 #2563EB 都能识别,也支持三位简写。

可以用 HSL 作为输入吗?

不可以。目前输入支持 HEX 或 RGB,转换结果中会包含 HSL。

支持透明度吗?

不支持。工具只处理红、绿、蓝通道,不接受 Alpha 数值。

相关工具