颜色转换器
输入类似 #3d9cf0 的 HEX，即可立刻得到对应的 RGB 三元组。设计稿给了 HEX、样式表或接口却要红绿蓝数值时特别好用。
更新 2026-08-03 · design
RGB: 61, 156, 240
HEX: #3d9cf0
关于本工具
HEX 与 RGB 描述的是同一种 sRGB 颜色，只是写法不同。HEX 用六个十六进制数字打包 0–255 三个通道；RGB 用十进制列出。本工具接受可选 # 的完整六位 HEX，让你复制时通道值准确无误。
使用方法
- 打开颜色转换器: 在现代浏览器中打开本页。
- 输入 HEX: 在 HEX 字段输入或粘贴如 #3d9cf0 的颜色。
- 查看 RGB: 输入合法后，结果区会显示 RGB 通道与规范化后的 HEX。
- 复制到项目: 把 RGB 或 HEX 粘贴进 CSS、设计令牌文件或笔记。
常见用途
- 把品牌手册里的 HEX 转成 CSS rgb() 可用的数值。
- 对照设计软件取色与线上 CSS 是否一致。
- 在交接文档里同时记录 HEX 与 RGB 色板。
使用提示
- 请使用六位十六进制（0-9、a-f）；像 #3df 这类缩写此处不会自动展开。
- 输出的 HEX 会规范为小写，便于统一粘贴。
常见问题
必须带 # 吗？
都可以。校验前会去掉 #，再检查是否为六位十六进制。
为什么还提示输入 HEX？
当前输入还不是恰好六个十六进制字符。
能从 RGB 转回 HEX 吗？
本页侧重 HEX → RGB。输入 HEX 即可看到 RGB 拆解。
支持透明度通道吗？
不支持。仅转换不透明的六位 HEX 颜色。