rgba() 未被废弃，而是W3C定义的历史别名；它在所有现代浏览器中完全有效，且在Safari≤15.3、Firefox≤94等旧环境中仍是必需语法。

rgba() 没有被官方标准宣布废弃，也从未被标记为“逐步淘汰”。 W3C CSS Color Module Level 4 明确将 rgba() 和 hsla() 定义为**历史别名（legacy aliases）**，而非弃用函数。它们在所有现代浏览器中仍完全有效，解析、渲染、性能表现与新语法 rgb(255 0 0 / 0.5) 完全一致。

为什么有人误以为 rgba() 被废弃？

混淆主要来自对 CSS Color Level 4 新语法的误读：

• 新语法 rgb(255 0 0 / 0.5) 是「新增」，不是「替代」——它解耦了 alpha 通道，让颜色定义更灵活，但没删除旧函数
• MDN、CanIUse 等文档提到 “rgba() is legacy” 时，指的是语义上“已有更现代的写法”，并非技术上失效
• 部分构建工具（如旧版 PostCSS 插件）曾错误地把 rgba() 当作需转换的目标，加剧了误解

什么时候必须继续用 rgba()？

当项目需兼容以下环境时，rgba() 不仅不能删，还必须作为主力：

Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries

规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...

下载

• Safari ≤ 15.3（macOS Monterey 及更早系统大量存在）
• Firefox ≤ 94（企业内网仍常见 ESR 91.x）
• Chrome ≤ 92（某些嵌入式 WebView 或定制 Chromium 内核）
• 自动化测试跑在旧版 Selenium + WebDriver 上，其 CSS 解析器不识别斜杠语法

rgb() 斜杠语法的硬性限制

看似简洁，但比 rgba() 更容易因格式错失效，且无降级容错：

• rgb(255, 0, 0 / 0.5) ❌ 混用逗号和空格 → 整条声明被忽略
• hsl(240 100 50 / 0.8) ❌ 饱和度/明度缺 % 单位 → 无效值，回退到初始色
• rgb(255 0 0 / 50%) ✅ 百分比 alpha 在 Level 4 合法，但 Safari 15.6 之前不支持
• 自定义属性中写 rgb(var(--color)) 无法传递 alpha —— rgba() 在此场景反而更可控

真正容易被忽略的是：语法演进 ≠ 兼容替换。你可以在新项目里大胆用 rgb(0 0 0 / 0.3)，但只要 CI 流程里有一台 macOS 12 + Safari 15.2 的截图机，或客户还在用 IE11 兼容模式打开页面，rgba() 就仍是不可替代的兜底事实。