RGB百分比写法合法但须空格分隔且不可混用单位；现代浏览器支持rgb(r g b)和rgb(r g b / a)，混用整数与百分比或逗号分隔会导致声明静默失效。
RGB 百分比写法是合法的，但必须用空格分隔、不能加逗号，混用单位或语法错误会导致整条声明被浏览器静默丢弃——不是报错，而是直接失效，开发者工具里显示为划掉。
rgb() 百分比必须用空格，不能用逗号
现代浏览器（Chrome 93+、Firefox 95+、Safari 15.4+）支持 rgb(r g b) 和 rgb(r g b / a) 两种空格分隔语法，百分比在此前提下才有效。
-
rgb(100% 50% 0%)✅ 合法，等价于rgb(255 128 0) -
rgb(100%, 50%, 0%)❌ 无效：逗号分隔 + 百分比 → 整条规则被忽略 -
rgb(100% 50% 0% / 0.6)✅ 支持透明度，但旧版 Safari 和 IE 不识别
不能混用整数和百分比
只要三个通道中有一个是百分比、另一个是整数，比如 rgb(255, 50%, 128)，解析器会立刻放弃整条声明，不警告、不报错，颜色回退到继承值或默认色。
- ✅ 全整数：
rgb(255, 128, 0) - ✅ 全百分比：
rgb(100% 50% 0%) - ❌ 混用：
rgb(100% 128 0)、rgb(255, 50%, 0%)、rgb(100% 50 0%)
百分比不是“颜色混合比例”，只是数值映射
rgb(25% 50% 75%) 不表示“25% 红 + 50% 绿 + 75% 蓝”的视觉混合，它只是把百分比换算成整数：25% → 64，50% → 128，75% → 191，最终渲染的是 rgb(64 128 191)。
立即学习“前端免费学习笔记（深入）”；
- 1% ≈ 2.55，四舍五入取整：
rgb(1% 1% 1%)渲染为rgb(3 3 3) - 50% 恒等于 128（不是 127.5），向下取整规则已固化
- 想按权重混合两种颜色？该用
color-mix()，不是rgb()
rgba() 里 alpha 不能写百分比
rgba() 的第四个参数（alpha）只接受 0–1 的小数，写成百分比会直接失效：
- ✅
rgba(100% 50% 0% / 0.6)（现代语法 + 小数 alpha） - ✅
rgba(255, 128, 0, 0.6)（传统逗号语法 + 小数 alpha） - ❌
rgba(100%, 50%, 0%, 60%)或rgb(100%, 50%, 0%, 0.6)—— 后者根本不是rgba()，括号内参数超限
最容易被忽略的点是：无效的 rgb() 声明不会在控制台报错，只会静默失效。检查颜色没生效时，先看开发者工具里该属性是否被划掉，再核对空格/逗号、单位一致性、alpha 写法——别猜，直接查渲染后的 computed 值。
