RGBA 转 RGB 工具（背景色合成）
输入半透明的前景色（RGBA）和背景色，通过 Alpha 混合计算出两者合成后的不透明 RGB 颜色，适用于生成不支持 rgba() 的环境所需的替代色。
Alpha 混合的计算公式
将 RGBA 转换为不透明 RGB 的过程称为「Alpha 混合」（over 运算符），对 R、G、B 三个通道分别独立套用以下公式，最后四舍五入取整。
| 计算公式 | result = foreground × alpha + background × (1 − alpha) |
|---|
RGBA 转 RGB 是什么
半透明的 RGBA 颜色在现代 CSS 和设计工具中可以正常使用，但在邮件客户端、旧版渲染引擎等无法解析透明度的环境中会显示异常。本工具会根据指定的前景色（RGBA）和背景色，计算出两者合成后实际可见的不透明 RGB 颜色，并以可直接用作替代值的形式输出，供不支持透明度的环境使用。
计算的基础是称为「Alpha 混合」（over 运算符）的合成方式：将前景色的 R、G、B 各通道分别乘以 Alpha 值，再将背景色对应通道乘以（1－Alpha 值），两者相加即得结果。由于该公式对三个通道分别独立套用，同一种半透明色在不同背景色下会得到完全不同的结果。准备替代色时，务必准确指定该颜色实际将要叠加的背景色。
RGBA 转 RGB 工具的使用方法
- 指定前景色（半透明色） 通过颜色选择器选取，或直接粘贴设计工具中确认过的 HEX 代码。
- 调整不透明度（Alpha 值） 使用 0～100% 的滑块设置透明度，与实际 CSS 中使用的值保持一致。
- 指定背景色 使用白、黑预设按钮，或输入接近实际页面背景的自定义颜色。
- 查看合成结果（不透明 RGB） HEX 和 RGB 字符串会即时计算完成，同时可对比白色背景与黑色背景下的显示效果。
- 将计算出的 RGB 值作为替代色使用 直接复制到 `background-color` 等不支持 `rgba()` 的属性中。
用好本工具的小技巧
- 部分邮件 HTML 模板和旧版浏览器（如某些版本的 IE）可能不支持 `rgba()` 或 `opacity`，将本工具计算出的不透明 RGB 值作为 `background-color` 的备用值一并写入会更安全。
- 前景色和背景色都支持通过颜色选择器或直接输入 HEX 代码指定，可以直接粘贴设计工具中确认过的准确颜色。
- 不透明度（Alpha 值）可通过 0～100% 的滑块调整。0% 表示完全透明（即背景色本身），100% 表示完全不透明（即前景色本身）。
- 之所以为背景色提供白、黑两个预设按钮，是因为这两种颜色是实际工作中最常被比较的代表性场景（浅色模式/深色模式的背景）。如果输入更接近实际页面背景色的自定义颜色，可以得到更准确的替代色。
RGBA 转 RGB 的应用场景
为 HTML 邮件准备背景色替代值
针对某些版本的 Outlook 等无法解析 `rgba()` 的邮件客户端，可预先将合成好的不透明 RGB 值指定为 `background-color`。
为旧版浏览器或 PDF 导出指定颜色
为不支持透明度的渲染引擎，或不遵循 CSS Alpha 值的 PDF 导出工具，预先计算好需要传入的颜色。
确认设计稿的配色效果
无需打开 Photoshop 等软件，即可用数值快速确认半透明图层叠加后实际呈现的颜色。
同时核对浅色模式与深色模式下的显示效果
利用白、黑背景预设，一次性对比同一种半透明色在两种主题下的变化。
制作品牌色的半透明变体
将品牌色乘以指定 Alpha 值后在特定背景上的最终颜色导出，添加到品牌设计规范中。
术语表
- RGBA
- 在红（R）、绿（G）、蓝（B）三原色基础上，加入表示不透明度的 Alpha 通道共同表示颜色的格式。CSS 中写作 `rgba(255, 0, 0, 0.5)` 这样的形式。
- Alpha 值
- 表示颜色不透明度的数值，以 0（完全透明）到 1（完全不透明）之间的小数或百分比表示。数值越小，背景透出的程度越高。
- Alpha 混合
- 按 Alpha 值确定的比例，将半透明前景色与背景色混合，从而生成单一不透明颜色的计算过程。也称「over 运算符」，是本工具计算公式的基础。
- 十六进制颜色代码（HEX）
- 将 RGB 各通道的数值以 `#RRGGBB` 形式表示为十六进制数。是 CSS 和设计工具中最常用的颜色指定方式之一。
- 替代色
- 当真正想要使用的表现方式（此处指半透明色）在某些环境中无法被正确解析时，预先准备的代替指定值。
- over 运算符
- Alpha 混合中最基本的合成方式，指将前景色「叠加在」背景色之上的处理过程，正是本工具所采用的计算公式。
常见问题
闲话 ― Alpha 混合技术的起源
Alpha 混合（alpha compositing）的概念一般可追溯至 1984 年 Thomas Porter 和 Tom Duff 在计算机图形学领域发表的论文《Compositing Digital Images》。在此之前，将前景与背景合成通常只处理颜色信息本身。这篇论文系统化地提出了将表示不透明度的第四个通道——Alpha 通道——与颜色信息配对处理的方法，此后成为计算机图形学和图像编辑软件中的标准思路。
如今，几乎所有处理透明度的技术都建立在这一 Alpha 混合思想之上：PNG、SVG 等图像格式，CSS 的 `rgba()`/`opacity`，以及大多数绘图软件的图层功能。被称为「over 运算符」的最基本合成方法（将前景叠加在背景之上）正是本工具所采用的计算公式。
然而与旧版邮件客户端及老旧浏览器之间的兼容性问题至今仍未完全解决。尤其是 HTML 邮件受渲染引擎的限制较大，现代 CSS 的透明表现方式往往无法直接使用，因此预先转换为不透明的替代色这一实用技巧至今仍被广泛采用。