本工具支持所有CSS十六进制写法：6位#ff5733、3位简写#f53，以及带透明度通道的4位和8位形式，带不带#都可以。结果会显示rgb()或rgba()字符串、各通道的数值和逐位换算过程，还有一行反向的RGB转HEX。所有计算都在浏览器本地完成，不上传、不需要注册，也没有使用次数限制。
HEX转RGB颜色转换
全程在浏览器中运行，无需上传，无需注册。
CSS
rgb(255, 87, 51)RGB数值
255, 87, 51换算过程
红
FF255绿
5787蓝
3351反过来？RGB转HEX
#ff5733HEX颜色代码怎么转换成RGB？
十六进制颜色代码由三组两位数组成，每组对应一个颜色通道。把每组转换成0到255的十进制数：以#ff5733为例，ff是红色255，57是绿色87，33是蓝色51，因此RGB值为rgb(255, 87, 51)。这个工具在输入的同时就会完成转换。
使用方法
- 1输入十六进制颜色代码. 输入或粘贴一个颜色代码，比如#ff5733（或#f53），也可以用取色器直接选。#号可加可不加。
- 2查看RGB结果. rgb()字符串、0-255的数值和颜色预览会随输入实时更新，还会显示每组十六进制数字是怎么换算的。
- 3复制需要的格式. 点击rgb()字符串或原始数值旁边的复制按钮。需要反过来转换？在下面输入红、绿、蓝的值就能拿到对应的十六进制代码。
适用人群
- 前端开发者把设计规范里的十六进制颜色转成rgb()，方便用rgba()加透明度。
- 设计师在只认十六进制的工具（CSS、Figma）和只认0-255数值的工具（部分印刷、视频软件）之间搬运品牌色。
- 邮件与营销团队在不同编辑器之间统一活动配色，因为有些编辑器只接受一种颜色表示法。
- 游戏和应用开发者把0-255的通道值传给不能解析十六进制字符串的引擎或SDK。
常见问题
这个HEX转RGB工具免费吗？
免费，不需要注册，也没有使用次数限制，全部在浏览器里运行。
我输入的颜色会上传到哪里吗？
不会。转换只是设备上运行的JavaScript代码，不会把任何数据发到服务器，页面加载完之后离线也能继续用。
HEX转RGB的换算公式是什么？
把十六进制代码拆成三组两位数字，每组从16进制换算成十进制：第一位乘以16再加第二位（a=10……f=15）。以#ff5733为例，ff = 15×16+15 = 255，57 = 5×16+7 = 87，33 = 3×16+3 = 51。
支持#f53这种3位简写吗？
支持。CSS简写里每一位都会重复一次，所以#f53会展开成#ff5533，换算结果是rgb(255, 85, 51)。4位简写同理，最后一位是透明度。
怎么转换成RGBA？
8位十六进制代码的最后一组就是透明度。这个0-255的字节会除以255，换算成rgba()需要的0-1数值并保留三位小数，所以#ff573380会变成rgba(255, 87, 51, 0.502)。
能反过来把RGB转成HEX吗？
可以。在结果下面的RGB转HEX一栏输入0到255之间的红、绿、蓝数值，就能立即得到对应的十六进制代码，超出范围的值会被限制在0-255之间。
为什么要用rgb()而不是十六进制？
主要是为了透明度和计算方便：rgba(255, 87, 51, 0.5)可以让颜色半透明，而且很多API、游戏引擎和设计规范要的是分开的0-255通道数值，而不是十六进制字符串。