🔍

首页 › 使用教程 › 图片与证件照

HEX 转 RGB 教程:#FF5733 怎么换算,8 位 HEX 透明度怎么算

发布于 · 阅读约 2 分钟 · 用到的工具:HEX 转 RGB

一句话答案

HEX 每两位一个十六进制数,依次是红、绿、蓝:#FF5733 = rgb(255, 87, 51)。批量转换:打开 HEX 转 RGB,每行粘贴一个颜色,选择输出格式,点“复制结果”。

本文目录
  1. 换算方法
  2. 批量转换步骤
  3. 相关颜色工具
  4. 常见问题

HEX(十六进制)和 RGB 是同一种颜色的两种写法。设计软件常给 HEX,CSS、代码和 Office 里常用 RGB。HEX 转 RGB 支持 3/4/6/8 位写法,也能把 rgb()、hsl() 统一转换,每行一个批量处理。

换算方法

6 位 HEX 每两位是一个 00–FF 的十六进制数,依次代表红、绿、蓝,换算成 0–255 的十进制:

HEX红绿蓝RGB
#FF5733FF = 25557 = 8733 = 51rgb(255, 87, 51)
#0A84FF0A = 1084 = 132FF = 255rgb(10, 132, 255)
#3C833 = 51CC = 20488 = 136rgb(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% 透明的黑色。

批量转换步骤

  1. 粘贴颜色:打开 HEX 转 RGB,每行粘贴一个颜色,可以混合 HEX、rgb()、hsl() 写法。
  2. 选择输出格式:CSS rgb() / rgba()、纯数字(255, 87, 51)、百分比,或 0–1 浮点(着色器用)。
  3. 复制结果:结果实时显示在下方,点“复制结果”。
5 个不同写法的颜色批量转成 CSS rgb()
5 个不同写法的颜色批量转成 CSS rgb()
🎨 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)。