ZH
我的工具

HEX 转 RGB

把 HEX 颜色代码(#RGB、#RGBA、#RRGGBB、#RRGGBBAA)转换为 rgb()/rgba()、0–1 浮点数、GLSL vec4 和 Unity Color,支持单个代码或整列表批量转换。

还需要 HSL、CMYK 等其他格式吗? 颜色转换器 →

每行一个 HEX 代码,下方会出现包含所有转换结果的表格。
我的工具 →
广告

像 #1E90FF 这样的 HEX 颜色,其实就是用十六进制写的三个数:红、绿、蓝各占两位。本转换器可把 HEX 代码转成 CSS 用的 rgb()/rgba(),以及游戏引擎和着色器需要的 0–1 浮点数(包括 8 位代码中的透明度位),既能转单个颜色,也能转整列表。

使用方法

  1. 输入或粘贴 HEX 代码;# 可省略,支持 3、4、6、8 位代码。
  2. 查看 rgb()、rgba()、各通道数值和浮点格式。
  3. 选择浮点数保留的小数位数。
  4. 要批量转换多个颜色,请在批量框中每行粘贴一个代码。

计算公式

每两位 XY → X × 16 + Y(A = 10 … F = 15)。浮点数 = 数值 ÷ 255。短代码把每一位重复一次:#F80 = #FF8800。

8 位代码的第四对是透明度:00 为全透明,FF 为不透明,80 约为 50%。线性光浮点数是还原 sRGB 曲线后的值:大于 0.04045 时为 ((v/255 + 0.055)/1.055)^2.4,否则为 (v/255)/12.92。

示例

#1E90FF:1E = 1×16 + 14 = 30,90 = 9×16 + 0 = 144,FF = 15×16 + 15 = 255,所以是 rgb(30, 144, 255)。换成浮点数是 0.118、0.565、1.000,作为一个 24 位整数是 2,003,199。

常见问题

像 #FF000080 这样的 8 位 HEX 是什么意思?

最后两位是透明度(alpha)。十六进制 80 等于 128,128 ÷ 255 ≈ 0.502,所以 #FF000080 是约 50% 不透明度的红色,即 rgba(255, 0, 0, 0.502)。目前所有主流浏览器都支持。

在 Unity 里该用归一化浮点数还是线性浮点数?

Unity 的 Color 构造函数接收 sRGB 值 ÷ 255(即归一化浮点数);在线性色彩空间的项目中,Unity 会自行转换。只有在代码期望线性光的地方(如原始着色器 uniform)才使用线性值。

HEX 区分大小写吗?

不区分。#1e90ff 和 #1E90FF 完全相同。

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). HEX 转 RGB. https://kakao.mobile/zh/tools/hex-to-rgb-tool/

MLA

“HEX 转 RGB.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/hex-to-rgb-tool/.

广告