RGB 转 HEX
把 RGB 数值转换为 HEX 颜色代码,并展示计算过程:每个通道除以 16 的商和余数、#RRGGBBAA 透明度代码,以及 3 位简写形式。
想反过来转换? HEX 转 RGB →
RGB 用 0 到 255 的红、绿、蓝强度来表示屏幕颜色。HEX 把同样的三个数写成十六进制,每个数两位,所以 255 变成 FF,颜色就成了像 #1E90FF 这样的简短代码。本转换器在给出代码的同时展示计算过程,适合做作业、应对考试或手工核对数值。
使用方法
- 输入 0 到 255 的红、绿、蓝数值。
- 可选:把不透明度设为低于 100%,得到 8 位的 #RRGGBBAA 代码。
- 查看 HEX 代码、3 位简写(如果存在)和分步表格。
- 要转换多个颜色,请在批量框中每行粘贴一组 RGB 数值。
计算公式
对每个通道:商 = ⌊数值 ÷ 16⌋,余数 = 数值 mod 16;HEX 的两位就是商对应的数字后面接余数对应的数字(10 = A,11 = B,12 = C,13 = D,14 = E,15 = F)。
不透明度会成为第四对:round(不透明度 × 255)。只有当每一对都是重复数字时才存在 #RGB 简写,例如 #FF8800 = #F80。
示例
rgb(30, 144, 255):30 ÷ 16 = 1 余 14 → 1E;144 ÷ 16 = 9 余 0 → 90;255 ÷ 16 = 15 余 15 → FF。合起来是 #1E90FF(道奇蓝)。不透明度 50% 时,0.5 × 255 = 127.5 四舍五入为 128,即 80,得到 #1E90FF80。
常见问题
没有计算器怎么手算转换?
除以 16:整数部分是第一位,余数是第二位。以 200 为例:200 ÷ 16 = 12 余 8 → C8。
为什么同一种颜色在设计软件里显示的 HEX 不一样?
通常是因为软件使用了另一种色彩配置文件(Display P3、Adobe RGB)并做了转换。CSS 中的 HEX 始终表示 sRGB。
所有颜色都能缩写成 3 位吗?
不能。只有每一对都是重复数字(00、11 … FF)的 4,096 种颜色才有简写。
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/how-rgb-to-hex-converter/
引用此工具
kakaoCalc. (2026, November 8). RGB 转 HEX. https://kakao.mobile/zh/tools/how-rgb-to-hex-converter/
“RGB 转 HEX.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/how-rgb-to-hex-converter/.