RGB 转 HEX 规则
HEX 颜色代码会把红、绿、蓝三个通道分别写成两位十六进制数。
- RGB(255, 0, 0) = #FF0000
- RGB(0, 128, 0) = #008000
- RGB(255, 255, 255) = #FFFFFF
颜色转换器
RGB 转 HEX 转换器
把 RGB 数值换成 HEX 颜色代码，适合写 CSS 变量、设计令牌、样式指南和前端调试。
RGB 颜色
HEX 颜色代码
颜色预览
#FF0000
HEX 颜色代码
rgb(255, 0, 0)
RGB 颜色
常用颜色
如何使用 RGB 转 HEX 转换器
1
输入 0 到 255 之间的红、绿、蓝三个通道数值。
2
页面会立即显示 HEX 颜色代码，并同步预览当前颜色。
3
复制 HEX 值后，可以直接用于 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。
适合把 RGB 数值换成可直接使用的 HEX
写 CSS 变量和设计交付更方便
当颜色来源是 RGB 通道值，但下一步要写成 HEX 时，这个页面会更顺手。
预览和代码同步更新
任意通道一变化，HEX 结果和颜色预览就会立即刷新。
适合标准 0 到 255 通道
按标准 8 位 RGB 通道值换算，得到对应的 HEX 颜色代码。
手机桌面都能顺手查
看设计稿、截图、UI 代码或样式说明时，打开就能快速转换。
编辑与准确性说明
RGB 转 HEX 转换器 会把可操作的转换器和必要说明放在同一页。页面会根据当前工具展示换算公式、常见示例、取整提醒和相关工具，帮助用户判断结果是否适合行李、物流、食谱、日志、设计或汽车参数等具体任务。
- 转换结果在浏览器中即时计算，常用单位使用标准换算因子。
- 正式申报、工程、公差、医疗或合规场景，应同时核对原始测量和官方资料。
- 页面说明会优先解释真实使用场景，避免只用重复模板填充页面。
更多颜色转换工具
RGB 转 HEX 常见问题
RGB 数值应该输入什么范围？
红、绿、蓝三个通道都使用 0 到 255 的数值，HEX 结果会根据这些通道直接生成。
什么时候会用到 RGB 转 HEX？
常见于把设计工具、截图或浏览器样式里的 RGB 值写成 CSS 变量、设计令牌或样式指南里的 HEX。
手机上可以使用这个 RGB 转 HEX 转换器吗？
可以。页面已适配手机、平板和桌面端。