一样，rgb(255, 0, 0)、rgb(100%, 0%, 0%)和rgb(255 0 0)渲染效果完全相同，浏览器将百分比换算为0–255整数参与计算，但rgb(100% 0% 0%)在ie11等旧浏览器中无效。
整数值和百分比值在 rgb() 函数中语义等价，但解析行为、可读性和编辑体验不同；实际渲染结果完全一致，但写法会影响维护成本和工具支持。
rgb(255, 0, 0) 和 rgb(100%, 0%, 0%) 渲染效果一样吗？
一样。浏览器内部会把 100% 换算成 255，50% 换算成 128（四舍五入），最终都转为 0–255 范围的整数参与颜色计算。所以 rgb(255, 0, 0)、rgb(100%, 0%, 0%)、rgb(255 0 0)（空格分隔新语法）三者渲染出的红色完全相同。
但注意：rgb(100% 0% 0%) 这种空格+百分比的组合在旧版浏览器（如 IE11）中不被识别，属于无效值，会退回到默认色（通常是黑色或透明）。
什么时候该用整数，什么时候该用百分比？
优先用整数 —— 尤其在需要精确控制、批量生成、或与设计工具（如 Figma 导出代码）对接时：
-
rgb()中的整数是直接映射到 8-bit 通道的原始单位，和图像处理逻辑一致 - 百分比容易引发误解：比如
rgb(99%, 0%, 0%)看似“接近红”，但实际是252，和255在视觉上几乎不可分辨，却增加了计算开销 - VS Code、WebStorm 等编辑器对
rgb(255, 0, 0)的颜色预览支持更稳定；而rgb(100%, 0%, 0%)在部分版本中不触发小色块预览 - 构建工具（如 PostCSS）对百分比写法的压缩/转换支持较弱，可能保留冗余字符
百分比值唯一实用的场景是 HSL
rgb() 里硬套百分比没好处，但在 hsl() 中，% 是必需且有明确语义的：
-
hsl(0, 100%, 50%)表示“纯红”——这里的100%是饱和度，50%是亮度，脱离百分比就失去定义 - 省略
%（如hsl(0, 100, 50)）虽被部分浏览器接受，但属于非标准写法，MDN 明确建议保留% - VS Code 对带
%的hsl()才显示内联颜色预览，这是前端调试的重要辅助
别踩这个坑：混用空格语法和百分比
现代 CSS 推荐用空格分隔、无逗号的新语法：rgb(255 0 0) 或带 alpha 的 rgb(255 0 0 / 0.5)。但它和百分比不兼容：
-
rgb(100% 0% 0%)❌ 无效（Chrome/Firefox/Safari 均不识别） -
rgb(100%, 0%, 0%)✅ 合法但过时，仅保留向后兼容性 -
rgb(255 0 0)✅ 推荐，性能略优，编辑器支持好 -
rgb(255 0 0 / 0.5)✅ 新 alpha 写法，替代rgba()
真正容易被忽略的是：一旦项目启用新语法，就必须统一风格——不能一部分用 rgb(255 0 0)，另一部分又写 rgb(100%, 0%, 0%)，否则 CI 流程里的 CSS 校验（如 stylelint）很可能报错。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
