#RRGGBB 与 #RGB
单一任务转换
HEX 转 RGB 转换器
输入 HEX 颜色值，立即得到 RGB 结果，复制 CSS 可直接使用的输出，并查看适合前端、设计系统和交付场景的示例。
转换逻辑
输入 HEX 后，工具会把每组颜色值换算成十进制通道，并直接输出可用于 CSS 和界面开发的 RGB 结果。
支持 #RRGGBB 和 #RGB。输入三位简写时会自动扩展后再转换。
页面聚焦 HEX 转 RGB 单一任务，适合快速完成输入、核对和复制。
CSS 可用 rgb(r, g, b)
前端、设计系统、设计交付
输入 HEX 颜色
实时转换结果
输入合法 HEX 后会立即返回 RGB 结果，便于复制到 CSS、设计文档和开发调试流程。
支持 #RRGGBB 和 #RGB。输入三位简写时会自动扩展后再转换。
快速示例
输出结果可直接用于网页样式、组件文档和设计开发交付。
HEX 转 RGB 示例
这些示例展示了常见界面颜色在 HEX 转 RGB 后的结果，便于快速核对格式。
RGB
rgb(0, 88, 190)
#0058BE
适合导航、主按钮和链接的品牌蓝。
RGB
rgb(79, 70, 229)
#4F46E5
常见于后台界面和产品状态色的靛蓝。
RGB
rgb(0, 255, 255)
#00FFFF
CSS 命名色和高亮强调系统中常见的纯青色。
RGB
rgb(17, 24, 39)
#111827
用于浅色主题中高对比度正文文本。
RGB
rgb(245, 158, 11)
#F59E0B
适合标签、提醒和状态提示的暖色。
RGB
rgb(229, 231, 235)
#E5E7EB
适合输入框、分割线和边框的中性浅灰。
HEX 转 RGB 使用场景
当你只需要快速完成 HEX 转 RGB，而不想进入更复杂的多格式工具时，这个页面更直接。
前端 CSS 交付
当设计稿提供的是 HEX，但实现需要处理透明度、渐变或通道级 CSS 调整时，可以先在这里快速转换成 RGB。
浏览器调试与设计审查
当浏览器开发者工具、截图标注或检查面板展示的是另一种颜色格式时，这个页面可以更快核对 RGB 结果。
组件文档与设计系统说明
如果设计 token 以 HEX 保存，但文档示例、代码片段或工程说明更适合使用 RGB，这个页面可以直接完成转换。
HEX 转 RGB 边界与误区
HEX 转 RGB 结果正确，只代表格式转换完成，仍有几个边界需要注意。
三位 HEX 必须先展开
像 #0AF 这样的三位简写是合法的，但必须先展开为 #00AAFF，再进行 RGB 转换。
RGB 结果不包含透明度
这个工具只处理纯色数值转换。如果你需要透明度，请在 RGB 结果基础上再配合 rgba(...) 或 opacity 设置。
格式转换不等于色彩管理
HEX 和 RGB 只是同一屏幕颜色的两种表示方式，不会处理印刷打样、ICC 配置或显示器校准问题。
HEX 转 RGB 常见问题
围绕 HEX 转 RGB 的格式转换，集中回答最常见的实现和理解问题。
QHEX 转 RGB 的原理是什么？
把六位 HEX 拆成三组两位十六进制数，分别对应红、绿、蓝三个通道，再把每组从十六进制转换为十进制，即得到 RGB。
Q为什么在 CSS 里还会用 RGB？
当你需要写 rgba(...)、控制透明度，或者直接查看通道数值时，RGB 比 HEX 更直观，也更适合某些调试和代码场景。
Q#FFF 是否等于 rgb(255, 255, 255)？
是。#FFF 属于三位简写，会先展开为 #FFFFFF，因此结果就是 rgb(255, 255, 255)。
QHEX 转 RGB 会不会损失颜色信息？
不会。对于标准的屏幕纯色，HEX 和 RGB 只是同一组红绿蓝通道值的不同表示法，转换本身是无损的。