HEX 转 RGB
在 HEX、RGB 和 HSL 之间转换颜色。
在任意页面使用（书签工具）
想不离开当前页面就使用 HEX 转 RGB? 把下面的按钮拖到书签栏，然后在任意网站上点击它，HEX 转 RGB 就会在原地打开 — 完全在你的浏览器中运行。
请谨慎使用: 书签工具会在你点击它的页面上运行。请避免在网上银行、支付或医疗等敏感网站上使用 — 使用风险自负。所有处理都在本地完成，不会向任何地方发送数据。详见服务条款。
- 如果书签栏被隐藏，先显示它 — Ctrl+Shift+B（Mac 为 ⌘+Shift+B）。
- 把上面的按钮拖到书签栏上。
- 打开任意网站并点击书签 — HEX 转 RGB 面板会出现在右上角。用 ✛ 在四角之间移动，用 ›/‹ 收到边缘再拉出来。
- 再次点击书签（或 ✕）即可关闭。
注意: 少数安全策略严格的网站可能会拦截书签工具。
示例
HEX → RGB & HSL
输入
#3B82F6
输出
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB → HEX
输入
rgb(255, 99, 71)
输出
#FF6347 · hsl(9, 100%, 64%)
关于此工具
这个免费在线颜色转换器在 HEX、RGB 和 HSL 之间转换颜色。用三种格式中的任意一种输入值 —— 或使用取色器，或用吸管从屏幕任意位置取色（Chrome 和 Edge）—— 其他格式会随实时色块一起立即更新。它接受简写和 8 位 hex，以及 rgb() 和 hsl() 写法。一切都在你的浏览器中运行，不上传。
使用方法
- 输入 HEX、RGB 或 HSL 颜色（或用色块挑选一个）。
- 读取三种格式的转换值。
- 复制你需要的格式。
常见用途
在格式间转换设计令牌、在 CSS 中匹配品牌色、把样机的 hex 代码转成 rgb() 或 hsl()，以及通过 HSL 调整明度和饱和度。
常见问题
如何把 HEX 转换为 RGB?
粘贴像 #3B82F6 这样的 hex 颜色，工具会立即显示等价的 rgb(59, 130, 246) 和 hsl 值，并附带实时色块。
它能把 RGB 和 HSL 转回 HEX 吗?
能。输入任意 rgb() 或 hsl() 值，你都会得到匹配的 HEX、RGB 和 HSL —— 转换在每个方向都有效。
这个颜色转换器免费吗?
免费 —— 无需注册的完全免费在线 HEX、RGB、HSL 转换器。
它支持简写和 8 位 hex 吗?
支持。它接受 3 位（#abc）、4 位、6 位和 8 位 hex 代码；任何 alpha 通道在 RGB/HSL 输出中都会被忽略。
我可以直观地选颜色吗?
可以。使用内置取色器选择颜色，HEX、RGB 和 HSL 值会自动更新。
我可以从图片或屏幕任意位置取色吗?
在 Chrome 和 Edge 中可以。点击吸管按钮（或在任意页面运行书签工具），光标会变成取色器 —— 点击图片、网站或其他窗口的任意像素即可捕获其 hex 颜色。吸管在 Firefox 或 Safari 中不可用，所以按钮只在受支持处出现。
我的数据会上传到某处吗?
不会。所有转换都在你的浏览器中进行，不上传。
相关工具