rgb()函数不支持百分比加逗号的旧语法，必须用空格分隔的现代语法rgb(100% 50% 0%)，且需chrome 93+等新浏览器支持；兼容性要求高时应改用整数rgb(255,128,0)或hsl()。
rgb() 函数不支持百分比值，必须用整数
直接写 rgb(100%, 50%, 0%) 是无效的——css 规范中 rgb() 的三个参数只接受 0–255 范围内的整数，不接受百分比。浏览器会忽略整个声明，退回到默认色或上层继承色。
想用百分比表示 RGB，该用 rgb() 的现代语法 rgb(r g b / a)
CSS Color Module Level 4 引入了带斜杠的语法，允许用百分比表示色阶，但注意：这不是旧式 rgb() 的扩展，而是新语法，且需配合空格分隔、无逗号。
-
rgb(100% 50% 0%)✅ 合法（等价于rgb(255 128 0)） -
rgb(100%, 50%, 0%)❌ 逗号写法仍只认整数，会被当作错误丢弃 - 透明度可加在末尾：
rgb(100% 50% 0% / 0.8) - 需确认目标浏览器支持：Chrome 93+、firefox 95+、safari 15.4+ 支持；IE 完全不支持
兼容性要求高时，别硬套百分比，老实用整数或转 HSL/十六进制
如果项目要支持 Chrome 80 以下、Safari 14 或旧版 Firefox，rgb(100% 50% 0%) 会静默失效。此时更稳妥的做法是：
- 手动换算：
100%→255，50%→128，0%→0，写成rgb(255, 128, 0) - 用
hsl()替代：比如橙色常用hsl(30, 100%, 50%)，语义更清晰，兼容性更好（IE9+ 支持） - 预处理器（如 sass）里做转换：
rgb($r * 2.55, $g * 2.55, $b * 2.55)，避免手算出错
/* ✅ 推荐：现代语法（带空格、无逗号、支持百分比） */ .color-modern { color: rgb(100% 50% 0%); } / ❌ 错误：逗号分隔 + 百分比 → 整条规则被忽略 / .color-wrong { color: rgb(100%, 50%, 0%); }
/ ✅ 兼容写法（整数） / .color-safe { color: rgb(255, 128, 0); }
百分比写法看着直观，但容易忽略语法细节和浏览器支持断层——真正上线前，务必在目标环境中实测渲染结果，而不是只看编辑器高亮或本地最新版 Chrome。
立即学习“前端免费学习笔记（深入）”；