RGB 转 HEX 规则
HEX 颜色代码会把红、绿、蓝三个通道分别写成两位十六进制数。
- RGB(255, 0, 0) = #FF0000
- RGB(0, 128, 0) = #008000
- RGB(255, 255, 255) = #FFFFFF
颜色转换器
HEX 转 RGB 转换器
把 HEX 颜色代码换成 RGB 数值，适合看 CSS 颜色、设计交付、前端调试和通道值核对。页面提供可复制的颜色值、预览和使用提示，适合设计交接、CSS 配置和可访问性检查。
RGB 颜色
HEX 颜色代码
颜色预览
#FF0000
HEX 颜色代码
rgb(255, 0, 0)
RGB 颜色
常用颜色
如何使用 HEX 转 RGB 转换器
1
输入 3 位或 6 位 HEX 颜色代码，可以带 #，也可以不带。
2
页面会立即显示 RGB 通道数值，并同步预览当前颜色。
3
复制 RGB 值后，可以用于 CSS、设计说明、测试反馈或需要通道值的调试工具。
常见颜色示例
RGB(0, 0, 0)
#000000
黑色，三个颜色通道都为 0。
RGB(59, 130, 246)
#3B82F6
现代 UI 配色中常见的一类蓝色。
RGB(255, 165, 0)
#FFA500
CSS 标准命名颜色 orange 的 HEX 写法。
RGB 转 HEX 注意事项
- 每个 RGB 通道都必须在 0 到 255 之间。
- HEX 不区分大小写，#ff0000 和 #FF0000 表示同一个颜色。
- 透明度不包含在标准 6 位 HEX 中，有些工具会用 8 位 HEX 表示 alpha。
适合把 HEX 颜色换成 RGB 通道值
看调试值和设计交付更方便
当颜色来源是 HEX，但下一步要按 RGB 通道值处理时，这个页面会更顺手。
预览和通道值同步更新
HEX 一变化，RGB 结果和颜色预览就会立即刷新。
支持短写和完整 HEX
可输入 3 位或 6 位 HEX，并得到对应的 RGB 通道结果。
手机桌面都能顺手查
看样式、核对设计稿或做前端调试时，打开就能快速转换。
编辑与准确性说明
HEX 转 RGB 转换器 会把可操作的转换器和必要说明放在同一页。页面会根据当前工具展示换算公式、常见示例、取整提醒和相关工具，帮助用户判断结果是否适合CSS 色值、设计交接、调色板或可访问性对比度等具体任务。
- 转换结果在浏览器中即时计算，常用单位使用标准换算因子。
- 正式申报、工程、公差、医疗或合规场景，应同时核对原始测量和官方资料。
- 页面说明会优先解释真实使用场景，避免只用重复模板填充页面。
什么时候适合使用这个工具
这些场景说明 HEX 转 RGB 转换器 更适合哪些真实任务，而不只是给出一个孤立数字。
前端与设计交接
在 HEX、RGB、HSL 或对比度结果之间切换，便于把设计稿颜色落到 CSS 或组件变量。
检查可读性
颜色接近或文字较小时，优先确认对比度是否满足目标界面的可访问性要求。
记录可复用色值
复制颜色时保留格式和用途，例如按钮、背景、边框或状态提示，方便后续维护。
更多颜色转换工具
HEX 转 RGB 常见问题
可以输入短 HEX 颜色吗？
可以。像 #f00 这样的短写会自动展开成对应的完整 RGB 颜色。
什么时候会用到 HEX 转 RGB？
常见于检查 CSS 颜色、核对设计交付值，或者使用需要 RGB 通道值的工具。
手机上可以使用这个 HEX 转 RGB 转换器吗？
可以。页面已适配手机、平板和桌面端。