RGB 转 HEX 颜色转换器 — 免费在线

即时把RGB颜色代码转换为HEX,附颜色预览、公式和常用颜色表。

Converter

HEX、RGB、HSL、HSV、CMYK — 一次全部呈现

拖动滑块、选取色样,或输入 HEX 代码 - 所有格式实时更新

HEX
RGB
HSL
HSV
CMYK

结果仅供参考,可能包含错误。请自行核实重要信息。使用本工具风险自负。

如何把RGB转换为HEX

即时把RGB颜色代码转换为HEX。输入 HEX 或 RGB 值,或拖动滑块,所有格式同时更新,并提供颜色预览、换算公式和常用颜色表。

  1. 在上方对应的输入框中输入或粘贴RGB值,例如 rgb(59, 130, 246)。
  2. HEX值立即更新:rgb(59, 130, 246) 即 #3B82F6。其他格式和颜色预览也会一起更新。
  3. 把HEX值复制到你的 CSS、设计工具或代码中。

RGB转HEX的公式

把 RGB 的每个通道(0–255)转换为两位十六进制数,按红、绿、蓝的顺序写在 # 后面:

rgb(59, 130, 246) → #3B82F6

常用颜色的RGB和HEX

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(255, 255, 0)#FFFF00
rgb(0, 255, 255)#00FFFF
rgb(255, 0, 255)#FF00FF
rgb(128, 128, 128)#808080
rgb(255, 165, 0)#FFA500
rgb(128, 0, 128)#800080
rgb(59, 130, 246)#3B82F6

什么是RGB和HEX

RGB 用 0 到 255 的数字表示红、绿、蓝三个通道,例如 rgb(59, 130, 246)。屏幕就是按这种方式混合光线的。

HEX 颜色是 # 加六位十六进制数:红、绿、蓝各两位,从 00(无)到 FF(满)。这是 CSS 和设计工具中最常用的颜色写法。

常见问题

转换会改变颜色吗?

HEX、RGB 和 HSL 描述的是同样的屏幕颜色,相互转换是精确的(HSL 会取整)。CMYK 用于印刷,印出的效果取决于打印机的色彩配置文件,所以由屏幕颜色算出的 CMYK 只能作为参考起点。

结果可以直接用在 CSS 里吗?

可以。CSS 直接支持 hex(#3B82F6)、rgb(59, 130, 246) 和 hsl(217, 91%, 60%)。CMYK 不是 CSS 格式,用于印刷和设计软件。

透明度怎么办?

加上 alpha 值:CSS 中可用 8 位 hex(#3B82F680)或 rgba()/hsla()。转换器按不透明颜色计算,alpha 值在各格式中保持不变。

这个工具免费吗?

是的,完全免费。无需注册或电子邮箱。结果直接显示在本页。

如何获取结果?

在此页面使用工具即可查看结果,无需通过电子邮件接收。