免费HEX 转 RGB 颜色转换

在浏览器中把 3 位或 6 位 HEX 颜色转换为 rgb(r, g, b),附实时色块。例如 #6D28D9 即 rgb(109, 40, 217)。

在浏览器中转换 HEX 值,无需上传图片。

需要了解的要点

HEX 就是用十六进制书写的 RGB。# 后面的六位数字按红、绿、蓝依次分成三组,每组两位,取值从 00(0)到 FF(255)。转换器读取这三组数字,同时显示规范化的 #RRGGBB 和 rgb(r, g, b),并用色块直观呈现。

输入框默认是 #6D28D9。拆成 6D、28、D9:6D 等于 6 x 16 + 13 = 109,28 等于 2 x 16 + 8 = 40,D9 等于 13 x 16 + 9 = 217,所以结果是 rgb(109, 40, 217)。开头的 # 可以省略,大小写均可。

也支持三位简写:每一位重复一次,#F80 变成 #FF8800,再得到 rgb(255, 136, 0)。带透明度的八位等其他长度的值不会被猜测,而是用红色提示告诉你输入无效。

无需上传任何文件,计算直接在页面里完成。输入框旁的取色控件可以直观选色并同步读出 HEX 与 RGB,每个值都有独立的复制按钮,方便粘贴到 CSS、设计工具或幻灯片中。

按任务选择工具 12
相关工具 13
免费HEX 转 RGB 颜色转换使用方法
  1. 在 HEX 输入框中输入或粘贴颜色值,例如 #6D28D9(# 可省略)。
  2. 也可以点击颜色预览输入选择色彩,输入框会更新为 #RRGGBB 代码。
  3. 查看色块并读取结果:#6D28D9 对应 rgb(109, 40, 217)。
  4. 点击 RGB 按钮复制 rgb(109, 40, 217),或点击 HEX 按钮复制大写的 #6D28D9。

快速说明

#F80 如何转换成 RGB?

先把每一位重复一次得到 FF8800,再计算:红 255、绿 136、蓝 0,显示为 rgb(255, 136, 0)。

支持带透明度的 8 位 HEX 吗?

不支持,只接受 3 位或 6 位。#6D28D980 会提示错误;请自行换算透明度(十六进制 80 即 128,约 50%),在 CSS 中使用 rgba()。

为什么输出总是大写?

所有有效输入都会统一成大写的 #RRGGBB,所以 #6d28d9 和 6D28D9 都显示为 #6D28D9。在 CSS 中两种写法效果相同。