RGB 转 HEX 怎么转 - 十进制转十六进制颜色代码

391 字
2 分钟
RGB 转 HEX 怎么转 - 十进制转十六进制颜色代码

🌟 RGB 和 HEX 是同一个颜色的两种写法#

rgb(255, 0, 0) 和 #ff0000 都是红色。RGB 转 HEX 就是把三个 0~255 的十进制数,转成两位十六进制,再拼起来。星点颜色格式转换输入 RGB 即得 HEX。


🧮 换算步骤#

以 rgb(64, 158, 255) 为例,每个通道转十六进制:

通道十进制÷16商余十六进制
R6464÷16=4 余 04040
G158158÷16=9 余 14914→E9e
B255255÷16=15 余 1515→F15→Fff

拼起来:#409eff。

十六进制里 1015 用 AF 表示。


📋 常用颜色对照#

RGBHEX
rgb(0, 0, 0)#000000
rgb(255, 255, 255)#ffffff
rgb(255, 0, 0)#ff0000
rgb(0, 255, 0)#00ff00
rgb(0, 0, 255)#0000ff
rgb(64, 158, 255)#409eff
rgb(124, 58, 237)#7c3aed

🔤 简写与透明度#

  • 简写:若每两位相同,可缩成 3 位。#ff0000 → #f00;
  • 透明度:8 位 HEX 末两位表示 alpha,#409eff80 ≈ rgba(64,158,255,0.5);
  • 范围:每个通道 0~255,超出要钳制。

💡 什么时候用哪种#

场景推荐
写 CSSHEX 更短
动态计算RGB 数值方便运算
带透明度rgba() 或 8 位 HEX

🔧 常见问题#

为什么 HEX 每通道是两位? 两位十六进制可表示 0~255(16×16=256),刚好覆盖一个通道。
HEX 大写小写有区别吗? CSS 里不区分大小写,习惯上小写更常见。
能批量转吗? 可以,用[颜色格式转换](https://www.xingdian.net/app/color/convert/)的批量模式。

💬 总结#

RGB 转 HEX = “每个通道十进制转两位十六进制再拼接”。记不住就用颜色格式转换一键互转,还能顺带拿到 CSS/SCSS/Tailwind 代码。

立即体验:访问 颜色格式转换

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

最后更新于 2026-09-13,距今已过 32 天

部分内容可能已过时

随机文章 随机推荐
公告
🎉 已升级 2.0 版本,欢迎使用。
分类
标签
站点统计
文章
197
分类
24
标签
747
总字数
334,099
运行时长
0 天
最后活动
0 天前

目录