Utilore

HEX 转 RGB

粘贴 HEX 代码，读出 RGB 通道值。#1f5fd6 会变成 rgb(31, 95, 214)；如果代码带有透明通道，你会得到保留透明度的 rgba()。

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

对比度:

使用方法

实用说明

这六位数字究竟表示什么

HEX 是用十六进制写下的三个数字。第一对是红，第二对是绿，第三对是蓝，各自从 00 到 FF，也就是 RGB 中看到的十进制 0 到 255。像 #1f5 这样的三位代码是简写：每位重复一次，展开后就是 #11ff55。

哪些地方必须用 RGB 而不是 HEX

canvas 和 SVG 接口、Android 与 iOS 的颜色对象，以及一切通过计算而非书写来得到颜色的场合，用的都是通道值。此外，若想加入透明度而不使用旧浏览器会读错的八位 HEX，RGB 是唯一的办法。

常见问题

支持带透明度的八位 HEX 吗？

支持。最后一对是透明通道，它会作为 rgba() 的第四个值出现，并从 0–255 换算成 CSS 期望的 0–1 范围。

必须写井号吗？

不必。「1f5fd6」和「#1f5fd6」都可以，三位或四位的简写形式同样可以。

有内容离开我的浏览器吗？

没有。转换只是页面内的算术运算，不上传也不记录。

相关工具