颜色工具

HEX 转 RGB 颜色转换器

将十六进制颜色代码(如 #ff0000)快速转换为 RGB 数值、百分比及格式化字符串,支持简写格式。

运行工具

这款在线 HEX 转 RGB 工具专为设计师和前端开发人员设计,用于快速解析十六进制颜色代码。您只需在输入框中填入三位或六位十六进制值,系统会自动识别并处理可选的井号前缀,随后执行精确的颜色空间转换。对于符合规范的输入,工具不仅提供标准的红、绿、蓝通道整数值,还会同步生成逗号分隔、空格分隔以及百分比格式的 RGB 表示法,方便您直接复制到 CSS 样式表或其他设计软件中使用。该工具具备智能简写代码扩展功能,例如能自动将 #fff 识别并转换为 #ffffff 对应的完整 RGB 数据。若输入包含非十六进制字符或长度不符合要求,界面将清晰提示数据无效,帮助您及时修正错误。作为开放的网页工具,它适合需要快速验证颜色值或进行格式转换的工作流,通过直观的界面,您可以立即查看转换后的多种颜色表示形式,从而提升开发与设计效率。

使用说明

  1. 在“Hex Color”输入框中输入十六进制颜色代码,例如 #3498db 或 3498db。
  2. 支持三位简写格式(如 #f00),工具会自动将其扩展为六位标准格式。
  3. 点击“运行”按钮执行转换操作。
  4. 在结果面板中查看生成的 RGB 通道数值、百分比表示及格式化字符串。
  5. 复制所需的颜色格式代码到您的项目或设计工具中。

示例

  • 输入 #ff0000,输出红色通道 255,绿色和蓝色通道 0,以及 rgb(255, 0, 0)。
  • 输入 00f,输出蓝色通道 255,红色和绿色通道 0,以及 rgb(0, 0, 255)。

常见问题

是否支持不带井号的十六进制代码?

支持。您可以直接输入六位或三位十六进制数字,工具会自动添加前导 # 并进行转换。

三位简写代码如何转换?

三位代码中的每个数字会被重复一次以形成六位标准代码。例如,#abc 会被扩展为 #aabbcc 后再进行 RGB 转换。

为什么有时显示结果无效?

如果输入的字符不是有效的十六进制数字(0-9, a-f, A-F)或者长度不是三位或六位,转换将无法完成。请检查输入内容。

此工具是否支持 Alpha 通道?

不支持。当前版本仅处理标准的 RGB 颜色空间,不包含透明度信息。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。