HEX 转 RGBA 转换器
将 HEX 颜色（#RGB、#RGBA、#RRGGBB 或 #RRGGBBAA）转换为 CSS 的 rgba()/rgb() 格式，并完整列出红、绿、蓝、透明度及 HSLA 数值，还可选择覆盖透明度。
输入
支持 3、4、6 或 8 位十六进制，可带或不带前导 #。4 位和 8 位格式包含透明度（alpha）通道。
可选。取值从 0（完全透明）到 1（完全不透明）。会覆盖 HEX 中的任何透明度。
输出
| 属性 | 数值 |
|---|---|
| No data yet | |
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hex-to-rgba-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hex": "#FF0000",
"alphaOverride": ""
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `hex-to-rgba-converter` tool (HEX to RGBA Converter) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/hex-to-rgba-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HEX 转 RGBA 转换器 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
只需一步，即可将任意 HEX 颜色代码转换为 CSS 的 rgba()（以及 rgb()）格式。粘贴一个十六进制值，本转换器会将其拆分为红、绿、蓝和透明度分量，可直接用于样式表。它完全在您的浏览器中运行，您的颜色不会离开您的设备。
使用方法
- 在 HEX 颜色 字段中输入或粘贴一个十六进制颜色。
- 查看转换后的
rgba()字符串，或一键复制。 - 在 颜色数值 表格中查看 R、G、B 和透明度的各项数值，以及对应的
rgb()和hsla()写法。
开头的 # 可以省略，#FF0000 和 FF0000 均可使用。
支持哪些十六进制格式？
支持所有标准的 CSS 十六进制格式：
#RGB— 3 位简写。每位数字都会重复一次，因此#F00会变成#FF0000→rgba(255, 0, 0, 1)。#RGBA— 带透明度位的 4 位简写。#RRGGBB— 经典的 6 位格式。#RRGGBBAA— 8 位格式，最后两位为透明度通道。
如果十六进制不包含透明度通道，则视为完全不透明（透明度为 1）。
透明度是如何换算的？
在 8 位十六进制中，透明度以 00 到 FF（0–255）的字节形式存储。CSS 的 rgba() 需要 0 到 1 之间的小数，因此需要将字节值除以 255。例如，80 等于 128，而 128 ÷ 255 = 0.502。数值保留三位小数，这一精度足以让每一个 8 位透明度级别都能精确还原为原来的字节值，避免了一些只保留两位小数的简单转换器常见的“差一”误差。
可以自定义透明度吗？
可以。使用可选的 透明度覆盖 字段，即可强制设定 0（完全透明）到 1（完全不透明）之间的透明度值。例如，对于 #336699 这样的不透明品牌色，如果您想要一个 50% 透明的版本，只需将覆盖值设为 0.5，即可得到 rgba(51, 102, 153, 0.5)。覆盖值会替换十六进制中已有的任何透明度。
RGB 与 RGBA
如果您只需要纯色，请使用结果表格中的 rgb() 一行。rgba() 输出始终包含透明度通道，这正是叠加层、阴影、悬停状态和毛玻璃（glassmorphism）效果所需要的。
我的数据是私密的吗？
是的。转换通过简单的算术在您的浏览器本地完成，不会将任何内容上传到服务器。