答案：CSS中rgb颜色可用百分比表示，如rgb(100%, 0%, 0%)与rgb(255, 0, 0)等效，均表示红色；百分比形式更直观表达颜色浓度，整数形式便于精确控制，两者渲染效果一致，浏览器兼容性良好；使用时需注意单位完整性，百分比必须带%符号；在hsl()中饱和度与亮度默认用百分比，进一步体现其合理性。
在CSS中，颜色确实可以用百分比表示，尤其是在使用rgb()函数时。很多人对rgb(255, 0, 0)这种整数写法很熟悉，但其实rgb(100%, 0%, 0%)也是完全合法的语法。这两种写法都能表示红色，但它们在表达方式和取值逻辑上有所不同。
rgb()中的百分比与整数：基本语法对比
CSS的rgb()函数支持两种数值格式：
-
整数形式：每个颜色通道（红、绿、蓝）取值范围是 0 到 255。例如：
rgb(255, 0, 0)表示纯红。 -
百分比形式：每个通道用百分比表示，范围是 0% 到 100%。例如：
rgb(100%, 0%, 0%)同样表示纯红。
两者是等价映射关系：0 对应 0%，255 对应 100%。中间值也按比例换算，比如 128 约等于 50%。
实际渲染效果是否一致？
浏览器在解析这两种写法时，最终都会转换为相同的颜色值。也就是说：
立即学习“前端免费学习笔记（深入）”；
rgb(255, 0, 0) 和 rgb(100%, 0%, 0%) 在视觉上完全一样。现代浏览器对这两种格式的支持都非常完善，不会出现兼容性问题。你可以根据项目风格或团队规范自由选择。
不过需要注意：百分比值必须带%单位，否则会被视为无效。例如rgb(100, 0, 0)其实是橙红色（因为100远小于255），而不是红色。
使用建议：哪种更合适？
虽然功能等效，但在不同场景下各有优势：
- 整数更适合精确控制，尤其在从设计工具（如Photoshop）获取颜色值时，通常直接输出0-255格式。
- 百分比更直观，便于理解颜色的“浓度”，比如
rgb(50%, 50%, 50%)一眼就能看出是中灰色。 - 在需要动态计算颜色的CSS变量或SCSS/Less中，百分比有时更易读，尤其是配合透明度（rgba）使用时。
扩展：hsl()为何更推荐用百分比？
不同于rgb()，hsl()（色相、饱和度、亮度）天生以百分比为主：
- 色相（h）用角度（deg），如 0deg 或 120deg
- 饱和度（s）和亮度（l）都用百分比，如
hsl(0, 100%, 50%)
这使得hsl()在调整颜色明暗、深浅时更加直观，也说明百分比在颜色表达中是合理且广泛支持的方式。
基本上就这些。CSS允许用百分比表示rgb颜色，和整数写法效果一致，只是表达方式不同。选择哪种取决于你的习惯和项目需求，关键是保持统一和准确书写单位。
