color属性支持rgb()函数，参数为0–255整数或0%–100%百分比，如rgb(255, 0, 0)或rgb(100%, 0%, 0%)；不支持透明度，需用rgba()；参数带单位、小数或超三值均导致声明被浏览器忽略。
color 属性支持 rgb() 函数，直接传入红、绿、蓝三通道数值（0–255）就能设置文字颜色，比十六进制更易理解色值构成，也方便动态生成。
rgb() 函数的参数必须是整数，不能带单位或小数
常见错误是写成 rgb(255px, 0, 0) 或 rgb(255.5, 0, 0)，浏览器会直接忽略整条声明。合法写法只有两种：
-
rgb(255, 0, 0)—— 整数形式，最常用 -
rgb(100%, 0%, 0%)—— 百分比形式，语义更明确，但兼容性略弱（IE9+ 支持）
注意：百分比形式中 100% 等价于 255，0% 等价于 0，中间值需换算，比如 50% ≈ 128。
rgb() 不支持透明度，要透明得用 rgba()
如果你写了 rgb(255, 0, 0, 0.5)，这其实是无效语法——rgb() 只接受三个参数。浏览器会整个丢弃该声明，文字保持默认色（通常是黑色或继承色）。
立即学习“前端免费学习笔记（深入）”；
需要半透明红色，必须用 rgba()：
span { color: rgba(255, 0, 0, 0.5); }
第四个参数是 alpha 值，范围是 0（完全透明）到 1（完全不透明），支持小数。
和十六进制对比：什么时候该选 rgb()
当你需要程序化控制颜色（比如根据数据动态调整亮度）、做颜色插值、或团队更习惯“三原色思维”时，rgb() 比 #ff0000 更直观。但要注意：
- 压缩工具（如 CSSnano）通常不会压缩
rgb(255, 0, 0)成#f00，体积略大 - 可读性高，但手写容易输错括号或逗号，建议编辑器开启语法检查
- 如果只是静态配色，
#ff0000仍是最简、最通用的选择
真正容易被忽略的是：rgb 值超出范围（比如 rgb(300, 0, 0)）会被截断为 rgb(255, 0, 0)，不报错也不警告，调试时可能误以为逻辑没生效。
