#RRGGBB 与 #RGB
HEX 转 RGB 转换器
输入 HEX 颜色值,立即得到 CSS 可直接使用的 rgb(r, g, b) 结果。
输入 HEX 后,工具会直接返回可用于 CSS、规格文档和前端交付的 RGB 结果。
CSS 可用 rgb(r, g, b)
前端、设计系统、设计交付
实时转换结果
输入合法 HEX 后会立即返回 RGB 结果,便于复制到 CSS、设计文档和开发调试流程。
支持 #RRGGBB 和 #RGB。输入三位简写时会自动扩展后再转换。
HEX 转 RGB 示例
这些示例展示了常见界面颜色在 HEX 转 RGB 后的结果,便于快速核对格式。
rgb(0, 88, 190)
#0058BE
适合导航、主按钮和链接的品牌蓝。
rgb(79, 70, 229)
#4F46E5
常见于后台界面和产品状态色的靛蓝。
rgb(0, 255, 255)
#00FFFF
CSS 命名色和高亮强调系统中常见的纯青色。
rgb(240, 248, 255)
#F0F8FF
CSS 里的 Alice Blue,常用于近白背景和文档表面。
rgb(46, 139, 87)
#2E8B57
CSS 里的 Sea Green,适合更稳的绿色界面强调。
rgb(17, 24, 39)
#111827
用于浅色主题中高对比度正文文本。
rgb(229, 231, 235)
#E5E7EB
适合输入框、分割线和边框的中性浅灰。
HEX 转 RGB 使用场景
当你只需要快速完成 HEX 转 RGB,而不想进入更复杂的多格式工具时,这个页面更直接。
前端 CSS 交付
当设计稿提供的是 HEX,但实现需要处理透明度、渐变或通道级 CSS 调整时,可以先在这里快速转换成 RGB。
浏览器调试与设计审查
当浏览器开发者工具、截图标注或检查面板展示的是另一种颜色格式时,这个页面可以更快核对 RGB 结果。
命名色与色值核对
当页面或参考资料只给出 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。
QRGB 结果可以直接拿去写 CSS 吗?
可以。这个页面返回的就是标准 rgb(r, g, b) 写法,可以直接粘贴进 CSS;如果需要透明度,再在它的基础上继续写 rgba(...)。
Q#FFF 是否等于 rgb(255, 255, 255)?
是。#FFF 属于三位简写,会先展开为 #FFFFFF,因此结果就是 rgb(255, 255, 255)。
QHEX 转 RGB 会不会损失颜色信息?
不会。对于标准的屏幕纯色,HEX 和 RGB 只是同一组红绿蓝通道值的不同表示法,转换本身是无损的。