CanDoYa
ZH

RGB转HEX转换器

全程在浏览器中运行,无需上传,无需注册。

RGB 通道

请输入 0 到 255 的整数。

预设颜色
选取颜色
6 位 HEX#4F46E5
HEX 通道数值
4F46E5
rgb(79, 70, 229)
分享此工具

RGB怎么转HEX?

把红、绿、蓝三个十进制数分别转换成两位十六进制数,再依次写在 # 后面。RGB(255, 87, 51) 会得到 FF、57 和 33,因此 HEX 颜色是 #FF5733。转换器会实时完成计算,也能添加透明度数值。

使用方法

  1. 1输入 RGB 通道. 输入 0 到 255 的红、绿、蓝整数,或拖动同步滑块。
  2. 2查看实时预览. 色块和六位 HEX 结果会立即更新,也可以点击色块直接选取颜色。
  3. 3按需添加透明度. 开启透明度即可生成八位 HEX 代码,再设置 0 到 100 的百分比。
  4. 4复制 HEX 代码. 点击复制,把可直接用于 CSS 的颜色代码放入剪贴板。

适用人群

RGB 通道使用 0 到 255 的十进制数。HEX 则用 00FF 的十六进制两位数表示相同的三个颜色通道。可以直接输入数值、拖动滑块、选择预设颜色,或点击预览色块打开浏览器的取色器。需要八位 #RRGGBBAA 格式时,开启透明度即可。转换完全在浏览器本地进行,无需上传,也不用注册。

RGBHEX
rgb(255, 0, 0)#FF0000
rgb(0, 128, 255)#0080FF
rgb(15, 23, 42)#0F172A

常见问题

这个RGB转HEX转换器免费吗?

免费。无需注册、下载,也没有转换次数限制。输入 RGB 通道、拖动滑块或选取颜色后,就能立即复制结果。

我的RGB数值会被上传吗?

不会。RGB 转 HEX 只是简单的数学运算,全部在浏览器中完成。颜色数值不会上传,也不会发送给任何转换服务。

RGB可以输入哪些数值?

红、绿、蓝每个通道都应输入 0 到 255 的整数。0 表示该通道没有强度,255 表示强度最大。遇到小数、空值或超出范围的数字时,转换器会给出提示,不会悄悄修改输入。

RGB转HEX的公式是什么?

把每个十进制 RGB 通道转换为十六进制,并补齐两位。顺序依次是红、绿、蓝,最前面加 #。以 rgb(255, 87, 51) 为例,三组数是 FF、57 和 33,合并后就是 #FF5733。

HEX颜色可以包含透明度吗?

可以。CSS 支持八位 #RRGGBBAA 格式,最后两位表示透明度:00 表示完全透明,FF 表示完全不透明。开启透明度后,转换器会把百分比映射为最后两位。

HEX使用大写还是小写有区别吗?

没有。CSS 的 HEX 数字不区分大小写,因此 #FF5733 和 #ff5733 表示同一种颜色。本转换器使用大写,让各通道更容易辨认;在 CSS 和网页中,两种写法都有效。

为什么50%透明度在HEX中是80?

透明度通道有从 00 到 FF 的 256 个字节值。255 的一半是 127.5,四舍五入后为 128,而十进制 128 的十六进制写法是 80,所以 50% 不透明度会在末尾加上 80。