Token导航 LogoToken导航

配色核对 · 本地处理 · 可直接复制

十六进制转RGB 转换

把十六进制颜色值在浏览器本地转换为 RGB 和 RGBA 结果,适合配色和样式核对。

HEX 和 RGB/RGBA 双向转换

既能把十六进制颜色值转成 RGB,也能把 RGB 或 RGBA 反向转回十六进制。

适合配色核对

适合前端样式排查、设计配色草稿和颜色值复制核对。

浏览器本地完成

转换过程只在当前浏览器完成,不会上传输入内容。

颜色与 HEX 互转 · 本地处理

十六进制转RGB转换

支持十六进制颜色值和 RGB/RGBA 双向转换,适合配色核对、样式排查和前端调试。

HEX 支持 3/4/6/8 位格式。RGBA 的透明度会按 0-1 转换成十六进制尾字节。

转换结果

rgb(59, 130, 246)

显示模式

HEX -> RGB

透明度

1.00

色值预览

rgb(59, 130, 246)

R

59

G

130

B

246

HEX

3B82F6

十六进制颜色转换只在浏览器本地处理,不会上传服务器。

工具使用说明

怎么用 十六进制转RGB转换

1

选择转换方向

先确认是十六进制转 RGB,还是 RGB 转十六进制。

2

输入颜色值

把颜色值贴进去,可输入 #RRGGBB、#RRGGBBAA、rgb 或 rgba。

3

复制结果继续使用

确认结果后直接复制到 CSS、设计稿或样式表中。

功能说明

这个工具解决什么问题

十六进制转RGB转换 适合什么场景

把十六进制颜色值在浏览器本地转换为 RGB 和 RGBA 结果,适合配色和样式核对。

适合前端调试、设计占位和批量颜色值校对。

当前支持哪些输入

支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA,以及 rgb / rgba 输入。

输入默认只在浏览器本地处理,不会上传服务器。

常见问题

关于 十六进制转RGB转换,用户常问这些

十六进制转RGB转换 会上传内容吗?

不会。默认按浏览器本地处理设计。

支持反向把 RGB 转回十六进制吗?

支持,可以在两个方向之间切换。

可以预览颜色吗?

可以,页面会显示颜色预览块。

支持透明度吗?

支持,RGBA 可以转成带透明度的十六进制值。