rgb()支持百分比语法但必须全用百分比或全用整数，混用将导致解析失败；百分比0%~100%映射到0~255，超出范围会被截断，负值归零；现代浏览器均支持，但旧版Safari和IE仅支持整数。
rgb() 支持百分比语法，但必须全部用百分比，不能混用数值和百分比。
rgb() 百分比写法的合法格式
百分比值对应红、绿、蓝三通道的相对强度，0% 表示该通道关闭，100% 表示满强度。浏览器会自动将百分比映射到 0–255 整数范围（例如 50% → 128）。
-
rgb(100%, 0%, 0%)等价于rgb(255, 0, 0)（纯红） -
rgb(0%, 100%, 100%)是青色（绿+蓝全开） -
rgb(50%, 50%, 50%)是中性灰（不是纯黑或纯白） -
rgb(0%, 0%, 0%)是纯黑，rgb(100%, 100%, 100%)是纯白
常见错误：混用数值与百分比
这是最常被忽略的限制——rgb() 不允许在一个调用中同时出现数字和百分比。浏览器会直接拒绝解析，退回到继承色或默认色（如黑色），且不报错。
- ❌
rgb(255, 50%, 0)—— 无效，整数与百分比混用 - ❌
rgb(100%, 128, 0%)—— 同样无效 - ✅
rgb(100%, 50%, 0%)—— 全部百分比，合法 - ✅
rgb(255, 128, 0)—— 全部整数，合法
兼容性与实际使用建议
虽然所有现代浏览器都支持百分比写法，但部分旧版 Safari（≤ iOS 9.3）和 IE 完全不支持百分比形式，只认整数。如果你需要覆盖较老环境，优先用整数；若项目明确支持现代浏览器，百分比在设计系统中更易表达“比例感”（比如强调某色是“主色的 70% 强度”）。
立即学习“前端免费学习笔记（深入）”；
- 百分比值超出范围（如
120%）会被截断为100% - 负值（如
-10%）会被截断为0% - 小数百分比合法：
rgb(87.5%, 42.2%, 100%)可用，但多数场景没必要
真正容易被忽略的是：百分比写法看似灵活，但它和整数写法是互斥的语法分支——选一个就到底，中途切过去会静默失效。别指望浏览器帮你“猜意图”。
