HEX 转 RGB 教程:#FF5733 怎么换算,8 位 HEX 透明度怎么算
一句话答案
HEX 每两位一个十六进制数,依次是红、绿、蓝:#FF5733 = rgb(255, 87, 51)。批量转换:打开 HEX 转 RGB,每行粘贴一个颜色,选择输出格式,点“复制结果”。
HEX(十六进制)和 RGB 是同一种颜色的两种写法。设计软件常给 HEX,CSS、代码和 Office 里常用 RGB。HEX 转 RGB 支持 3/4/6/8 位写法,也能把 rgb()、hsl() 统一转换,每行一个批量处理。
换算方法
6 位 HEX 每两位是一个 00–FF 的十六进制数,依次代表红、绿、蓝,换算成 0–255 的十进制:
| HEX | 红 | 绿 | 蓝 | RGB |
|---|---|---|---|---|
| #FF5733 | FF = 255 | 57 = 87 | 33 = 51 | rgb(255, 87, 51) |
| #0A84FF | 0A = 10 | 84 = 132 | FF = 255 | rgb(10, 132, 255) |
| #3C8 | 33 = 51 | CC = 204 | 88 = 136 | rgb(51, 204, 136) |
十六进制的两位数 = 第一位 × 16 + 第二位,例如 57 = 5 × 16 + 7 = 87,A = 10、F = 15。3 位写法每位重复一次,#3C8 等于 #33CC88。
8 位 HEX 的最后两位是透明度:#00000080 中 80 = 128,128 ÷ 255 ≈ 0.502,即 rgba(0, 0, 0, 0.502),约 50% 透明的黑色。
批量转换步骤
- 粘贴颜色:打开 HEX 转 RGB,每行粘贴一个颜色,可以混合 HEX、rgb()、hsl() 写法。
- 选择输出格式:CSS rgb() / rgba()、纯数字(255, 87, 51)、百分比,或 0–1 浮点(着色器用)。
- 复制结果:结果实时显示在下方,点“复制结果”。

🎨 HEX 转 RGB
免费在线使用,文件和数据只在你的浏览器本地处理,无需注册。
相关颜色工具
常见问题
#FF5733 的 RGB 是多少?
rgb(255, 87, 51)。FF = 255,57 = 87,33 = 51。
3 位的 HEX 颜色怎么转?
每一位重复一次变成 6 位再换算,例如 #3C8 = #33CC88 = rgb(51, 204, 136)。
8 位 HEX 最后两位是什么?
是透明度(alpha),00 完全透明,FF 完全不透明;80 约等于 0.502,即约 50% 透明。
hsl() 也能转成 RGB 吗?
可以。例如 hsl(210, 100%, 50%) 会转成 rgb(0, 128, 255)。