跳到正文

颜色 RGB 转 Hex

输入 rgb()/rgba() 或用逗号分隔的通道值，得到 #RRGGBB 或 #RRGGBBAA，并带实时色块预览，方便写 CSS 或对稿。

可点右侧色块打开颜色盘；RGB 也可用中文逗号，如 255，87，51。

100%

预览

通道点击可复制

需要 Hex → RGB？

私密 · 快速 · 免费

示例

点击任意一行，即可填入上方并转换

输入输出—

从组件 props、设计 token 或旧代码里抄来的 RGB，经常要改成 Hex 才能贴进部分工具。本页接受多种写法并即时预览。

怎么把 RGB 转成 Hex

  1. 输入 rgb()/rgba()，或 255,87,51（可用中文逗号）
  2. 有透明度且非完全不透明时，会输出 8 位 #RRGGBBAA
  3. 复制结果，对照预览色块确认无误

适合什么场景

  • rgb() → #RRGGBB / #RRGGBBAA
  • 兼容中文逗号输入，少改粘贴内容
  • 本机转换，方便快速对色

常见用法

  • 把 CSS rgb 写回设计工具的 Hex 色板
  • 半透明通道导出 8 位 Hex 给移动端
  • 和 Hex 转 RGB 来回核对

小提示

  • 透明度可用 0–1 或 0–255，本页会识别
  • 需要 HSL 时先转 Hex 再走 Hex 转 HSL，或用 HSL 转 Hex

常见问题

支持哪些 RGB 写法？
rgb(255, 87, 51)、rgba(...)，或直接 255, 87, 51。透明度可以是 0–1 或 0–255。
什么时候输出 8 位 Hex？
当有透明度且不是完全不透明时，输出 #RRGGBBAA。

相关工具