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

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

Converter

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

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

HEX
RGB
HSL
HSV
CMYK

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

如何把HEX转换为RGB

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

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

HEX转RGB的公式

HEX 颜色由三组两位十六进制数组成:红、绿、蓝。把每组从十六进制转为十进制,就得到 RGB 各通道:

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

常用颜色的HEX和RGB

HEXRGB
#000000rgb(0, 0, 0)
#FFFFFFrgb(255, 255, 255)
#FF0000rgb(255, 0, 0)
#00FF00rgb(0, 255, 0)
#0000FFrgb(0, 0, 255)
#FFFF00rgb(255, 255, 0)
#00FFFFrgb(0, 255, 255)
#FF00FFrgb(255, 0, 255)
#808080rgb(128, 128, 128)
#FFA500rgb(255, 165, 0)
#800080rgb(128, 0, 128)
#3B82F6rgb(59, 130, 246)

什么是HEX和RGB

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

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

常见问题

转换会改变颜色吗?

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 值在各格式中保持不变。

这个工具免费吗?

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

如何获取结果?

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