RGB 转 HEX

粘贴 rgb(31, 95, 214)——用逗号还是空格都可以——就能得到 #1f5fd6,可直接用于 CSS、设计文件或规范文档。

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

对比度:

使用方法

  1. 粘贴 RGB 或 RGBA 值,也可以用取色器选一个颜色。
  2. 在其他格式上方读取 HEX 代码。
  3. 点击 HEX 行旁边的「复制」。

实用说明

设计师为什么要 HEX

HEX 是一个整体,而不是三个数字,粘贴到需求文档、工单或聊天里都不会漏掉某一位。它也是设计工具默认显示的写法,因此用 HEX 写下的色板与大家眼前看到的一致。

透明通道会变成什么

如果传入带透明度的 rgba(),结果是八位 HEX:最后一对表示 0 到 255 的透明度。新版浏览器能正确读取,旧版不能——所以在需要广泛兼容的地方仍应保留 rgba()。

常见问题

必须把数字写在 rgb(...) 里吗?

支持完整写法,逗号或空格分隔均可,rgb() 和 rgba() 都行。超过 255 的数值会被限制到上限,而不是悄悄回绕。

为什么我的 HEX 有八位?

因为颜色带有透明通道。去掉透明度就会得到常见的六位代码。

会向服务器发送内容吗?

不会。整个转换都在页面内完成,尚未公开的品牌配色仍留在你手里。

相关工具