本地安全处理免费工具
HEX 转 RGB 在线转换器
专为前端开发与 UI 设计打造的精准单意图颜色进制换算工具。输入 HEX 十六进制代码即时呈现 RGB/RGBA 格式，支持双向逆向换算与全渠道数值拆解。
常用 Web 标准色彩 HEX 与 RGB 对照速查表
| 色彩名称 | HEX 十六进制 | RGB 十进制 | 视觉感知 |
|---|---|---|---|
| 纯白 (White) | #ffffff | rgb(255, 255, 255) | 最高亮度三原色全开 |
| 纯黑 (Black) | #000000 | rgb(0, 0, 0) | 三原色全关 |
| 纯红 (Red) | #ff0000 | rgb(255, 0, 0) | 红色通道峰值 |
| 纯绿 (Green) | #00ff00 | rgb(0, 255, 0) | 绿色通道峰值 |
| 纯蓝 (Blue) | #0000ff | rgb(0, 0, 255) | 蓝色通道峰值 |
| 科技蓝 (Sky Blue) | #0ea5e9 | rgb(14, 165, 233) | 高饱和现代界面品牌色 |
| 靛青 (Indigo) | #6366f1 | rgb(99, 102, 241) | 高雅科技渐变搭配色 |
下表为常见核心色调的 HEX 与标准 RGB 十进制数值换算对照。
使用指南
- 1在输入框填入 HEX 颜色代码（支持带 # 或不带 #，如 #0ea5e9 或 0ea5e9）。
- 2工具即时输出对应的 rgb(r, g, b) 格式与独立的 R、G、B 通道十进制分量。
- 3点击“复制 RGB”直接粘贴至 CSS 代码中，亦可点击顶部切换为 RGB 转 HEX 逆向模式。
原理解析与标准规范
计算机显示器使用 RGB（红绿蓝三原色）加色模型来呈现上千万种色彩。在 Web 前端开发中，HEX 十六进制写法（如 #FF8000）本质上是三个 0~255 的十进制数值以两两十六进制（00~FF）拼接而成的紧凑表示法。HEX 转 RGB 过程即将每两位十六进制数解析换算为 0~255 的整数分量（例如 FF=255, 80=128, 00=0），从而适配各种图形渲染引擎与 CSS 样式。
常见问题解答 (FAQ)
3 位的简写 HEX（如 #FFF）是如何换算为 RGB 的？
在 CSS 规范中，3 位十六进制简写会将每个字符自身复制一次展开为 6 位。例如 #FFF 会展开为 #FFFFFF，换算得到 rgb(255, 255, 255)；#03F 会展开为 #0033FF，换算得到 rgb(0, 51, 255)。
输入颜色代码时必须带有井号（#）吗？
不需要。本工具内置智能规范化清洗，无论你输入带 # 还是不带 #（例如 0ea5e9），均能自动识别并准确换算。
如何获取带透明度的 RGBA 格式？
可直接在 6 位 HEX 后追加两位透明度十六进制（即 8 位 HEX8 格式，例如 #0ea5e980 代表 50% 透明度），或在下方协同面板一键跳转至主调色板微调。
推荐相关工具
随时在 Google 或百度搜索「OUCloud HEX 转 RGB」，快速找回本工具