HEX to RGBA

关于本工具

HEX 转 RGBA 转换器可将十六进制颜色代码转换为带有可选透明度控制的 RGBA 格式。当 Web 开发者需要为 CSS 中的颜色添加透明度时（例如遮罩层、阴影和半透明背景），会用到此工具。

只需输入十六进制颜色代码（3、6 或 8 位字符），工具即可立即输出对应的 rgba() 值。你还可以调整 0 到 1 之间的 alpha（不透明度）值。

使用方法

1. 输入十六进制颜色代码（例如 #ff5733 或 #f53）。
2. RGBA 输出会立即更新。
3. 调整 alpha 滑块以设置不透明度（0 = 透明，1 = 不透明）。
4. 复制 rgba() 值并粘贴到你的 CSS 中。
5. 使用 8 位十六进制（#RRGGBBAA）进行直接的 alpha 编码。

使用场景

适用于 CSS 遮罩层、box-shadow 颜色、半透明 UI 元素，以及任何需要为特定十六进制颜色添加透明度的场景。

常见问题

• 什么是 RGBA？ — RGBA 是一种 CSS 颜色格式：红、绿、蓝和 alpha（不透明度）。alpha 通道的范围是 0（完全透明）到 1（完全不透明）。
• 可以转换 3 位十六进制颜色吗？ — 可以。#abc 会在转换前自动扩展为 #aabbcc。
• 8 位十六进制代码是什么意思？ — 像 #FF5733AA 这样的 8 位十六进制代码在最后两位包含了 alpha 通道，同样可以直接映射为 RGBA。
• 可以粘贴 CSS 颜色名称吗？ — 不支持，仅支持十六进制颜色代码。请先使用取色器将命名颜色转换为十六进制值。