HEX 转 RGB
粘贴 HEX 代码，读出 RGB 通道值。#1f5fd6 会变成 rgb(31, 95, 214)；如果代码带有透明通道，你会得到保留透明度的 rgba()。
- #1f5fd6 HEX
- rgb(31, 95, 214) RGB
- hsl(219, 75%, 48%) HSL
对比度:
- 免费
- 文件不会离开你的设备
- 无需注册
- 不限文件数量
使用方法
- 粘贴 HEX 代码，带不带井号都可以。
- 在下方读取 RGB 值；若代码含透明通道则显示 RGBA。
- 点击 RGB 行旁边的「复制」。
实用说明
这六位数字究竟表示什么
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」都可以，三位或四位的简写形式同样可以。
有内容离开我的浏览器吗？
没有。转换只是页面内的算术运算，不上传也不记录。
相关工具
- 颜色转换器 用任何常见写法输入颜色——#1f5fd6、1f5fd6、#1f5、rgb(31, 95, 214)——其余写法会同时出现，还附带保证文字可读所需的对比度数值。
- RGB 转 HEX 粘贴 rgb(31, 95, 214)——用逗号还是空格都可以——就能得到 #1f5fd6，可直接用于 CSS、设计文件或规范文档。
- 密码生成器 打开页面即生成新密码，使用浏览器的加密级随机数生成器。密码不会被发送、记录或保存。
- 配色生成器 选一个起始颜色，工具会按色轮算出其余的颜色。点击任意色块即可复制色值，或者放入一张照片，直接从中取出配色。
- CSS 渐变生成器 拖动滑块，上方的预览会跟着变化。满意之后复制那一行，粘贴进样式表就行了，不需要别的。
- CSS 阴影生成器 拖动滑块，示例会跟着变。一层不够就叠加图层 — 真实界面里那种柔和可信的立体感就是这样做出来的。
- 取色器 在色板上滑动来挑颜色，或者取现成的：用吸管从图片上取，浏览器支持的话还能直接从屏幕上取。三种写法的代码立刻出现。