结论：rgb()函数必须用空格分隔且单位统一，混用整数与百分比或使用逗号会导致整条声明被浏览器静默丢弃；百分比是线性映射到0–255并四舍五入，非视觉混合；alpha仅支持0–1小数，不支持百分比。
直接说结论：可以，但必须用空格分隔、不能加逗号，且三个参数单位要统一——要么全是整数，要么全是带%的字符串；混用或语法错，整条rgb()声明会被浏览器静默丢弃，开发者工具里显示为划掉。
rgb(100%, 50%, 0%) 为什么无效？
这不是浏览器兼容性问题，而是语法错误。CSS Color Level 4 规范明确要求现代rgb()函数使用空格分隔（无逗号），旧式逗号分隔写法只认整数，百分比会被当作非法值直接跳过。
-
rgb(100% 50% 0%)✅ 合法，等价于rgb(255 128 0) -
rgb(100%, 50%, 0%)❌ 无效，整条规则被忽略，不报错也不警告 -
rgb(100% 50 0%)❌ 混用单位，解析器放弃整条声明
百分比不是“颜色混合比例”，而是数值映射
写rgb(25% 50% 75%)，不代表“四分之一红 + 一半绿 + 四分之三蓝”的视觉混合效果，它只是把百分比线性映射到 0–255 区间：
- 25% → 63.75 → 四舍五入为
64 - 50% → 127.5 → 四舍五入为
128（不是 127） - 75% → 191.25 → 四舍五入为
191 - 最终渲染的是
rgb(64 128 191)，一个偏蓝灰调
想按权重混合两种颜色？该用 color-mix()，不是硬套 rgb()。
透明度要单独处理，rgba() 不接受百分比 alpha
rgba() 的第四个参数（alpha）只接受 0–1 的小数，不支持 50% 这种写法：
-
rgba(100% 50% 0% / 0.6)✅ 支持，是 CSS Color Level 4 新语法，Chrome 93+、Firefox 95+、Safari 15.4+ 可用 -
rgba(100%, 50%, 0%, 50%)❌ 无效，alpha 百分比不被识别 -
rgba(100%, 50%, 0%, 0.5)❌ 逗号分隔 + 百分比通道 = 整条失效
老浏览器 fallback 必须写两行：color: blue; 和 color: color-mix(in srgb, red 30%, blue 70%); 这类新能力也一样。
最容易被忽略的点：预处理器（如 Sass）或 JS 动态拼接时，rgb(${r} ${g} ${b}) 中的 r、g、b 必须类型一致——要么全是数字，要么全是带%的字符串；否则上线后某条颜色突然消失，很难排查。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
