HEX转RGB

RGB: rgb(217, 119, 6)
HEX: #D97706
HSL: hsl(32, 83%, 44%)

什么是HEX 转 RGB 转换器?

HEX 和 RGB 是两种最常见的颜色表示格式。HEX(#RRGGBB)常用于 CSS 和网页设计,RGB(rgb(R, G, B))更直观地表示红绿蓝三通道。我们的 HEX 转 RGB 转换器可以帮助您快速在两种格式间转换,实时预览颜色效果。所有处理都在浏览器本地完成。适合前端开发、CSS 样式编写、设计稿还原、颜色调试。支持带 Alpha 透明度的 HEX8 格式(#RRGGBBAA)。

使用场景5个场景
  • CSS 颜色格式转换
  • 设计稿颜色还原
  • 调试颜色显示问题
  • 转换颜色代码
  • 学习颜色表示法
如何使用?4
  1. 1输入 HEX 颜色值(如 #FF5733)
  2. 2实时查看 RGB 转换结果
  3. 3预览颜色效果
  4. 4点击复制按钮获取 RGB 值
功能特点8个特点
  • 免费使用
  • 无需注册
  • 实时转换
  • 颜色预览
  • 支持透明度
  • 一键复制
  • 浏览器本地处理
  • 响应式设计
常见问题7个问题
HEX 转 RGB 转换器 是什么?

一款在线颜色格式转换工具。输入:HEX 颜色值(如 #FF5733)。输出:对应的 RGB 值(如 rgb(255, 87, 51))和实时颜色预览。适用于前端开发、CSS 样式编写和设计工作。所有转换在浏览器本地完成。

HEX 和 RGB 如何对应?

HEX 的每两位代表一个 RGB 通道:#RRGGBB 中 RR 是红色(00-FF),GG 是绿色,BB 是蓝色。例如 #FF5733 转换为 rgb(255, 87, 51)。

支持带透明度的 HEX 吗?

支持。HEX8 格式(#RRGGBBAA)的 AA 部分代表 Alpha 透明度(00-FF)。转换时会生成 rgba(R, G, B, A) 格式,A 为 0-1 的小数。

HEX 必须带 # 号吗?

不需要。工具会自动识别,带不带 # 都可以。例如输入 FF5733 或 #FF5733 都能正确转换。

转换结果准确吗?

准确。转换基于标准色彩数学公式,结果精确到整数通道值。

可以从 RGB 转回 HEX 吗?

可以。工具支持双向转换,RGB 输入会自动识别并转换为 HEX。

支持简写 HEX 吗?

支持。3 位简写(如 #F53)会自动展开为 6 位(#FF5533)。