HEX 转 RGB 转换器

HEX 转 RGB 转换器可将 #3B82F6 这样的十六进制颜色代码转换为 rgb(59, 130, 246) 这样的 RGB 值。HEX 是在 CSS 和 HTML 中书写颜色最常见的方式，而 RGB 则是屏幕实际用来混合红、绿、蓝三种光的加色模型。

HEX 代码其实就是用十六进制书写的 RGB。每一对字符 — 3B、82、F6 — 都是某个通道 0 到 255 的取值，只不过用十六进制而非十进制表示。

何时需要它

带透明度的 CSS

把 HEX 值转换为 RGB，便可用 rgba() 添加透明度 — 这是旧式代码中纯 HEX 无法表达的。

设计工具

许多图形软件、canvas API 和 SVG 填充需要数值型 RGB 通道，而不是带井号的字符串。

代码与计算

获得单独的 R、G、B 整数，用于混色、亮度判断或对比度计算等运算。

如何将 HEX 转换为 RGB

1

输入 HEX 代码

在输入框中键入或粘贴 HEX 值 — 带不带开头的 # 都可以。3 位缩写（#F00）和完整的 6 位（#FF0000）格式均可接受。

2

读取 RGB 结果

RGB 值会在你输入时即时计算 — 无需点击按钮。大色块也会随之更新，方便你用肉眼核对颜色。

3

或直接选色

点击预览色块即可打开系统原生取色器，直观地选取任意颜色 — HEX 和 RGB 字段会自动填入。

4

复制与复用

点击复制按钮即可将 RGB 字符串放入剪贴板。下方面板还会列出所有其他格式 — HEX、HSL、HSV 和 CMYK。

功能特性

即时转换

输入时结果实时更新 — 完全在浏览器端运行，无需刷新页面，也不向服务器发送请求。

支持缩写

3 位代码会自动展开（#F00 → #FF0000），且不区分大小写。

预览与取色

实时色块可确认颜色，内置取色器支持直观选色。

所有格式一次呈现

每次转换都会同时显示 HEX、RGB、HSL、HSV 和 CMYK，无需再用第二个工具。

HEX 与 RGB 一览

方面	HEX	RGB
形如	`#3B82F6`	`rgb(59, 130, 246)`
进制	十六进制（基数 16）	十进制（基数 10）
每通道	00–FF	0–255
透明度	8 位 `#RRGGBBAA`	`rgba()` 透明度
适合	简洁 CSS / 分享	代码与计算

隐私设计：所有转换都在你的浏览器中完成，任何颜色或数据都不会发送到服务器。

常见问题

什么是 HEX 颜色代码？

HEX 代码是一串 6 个字符的十六进制字符串（外加可选的 #），用来表示一种颜色。三对字符分别代表红、绿、蓝，每对取值从 00 到 FF — 相当于十进制的 0–255。

什么是 RGB 颜色？

RGB 是一种加色模型，通过红、绿、蓝三个光通道的强度（各 0 到 255）来定义颜色。这正是显示器在物理上呈现颜色的方式。

可以使用 3 位 HEX 代码吗？

可以。#F00 这类缩写代码会通过把每个字符翻倍来自动展开，因此 #F00 在转换前会变成 #FF0000。

必须包含 # 符号吗？

不必。转换器接受带或不带开头 # 的 HEX 值，并忽略字母大小写 — ff0000 和 FF0000 结果相同。

如何为转换后的颜色添加透明度？

得到 RGB 通道后，用 CSS 的 rgba() 包裹它们，并加上 0 到 1 的透明度值 — 例如 rgba(59, 130, 246, 0.5) 表示 50% 不透明度。