rgb()函数三个参数依次为红、绿、蓝，必须为0–255整数，越界则整条声明静默失效；不可混用单位，不支持透明度及calc()、CSS变量。
直接用 rgb() 函数，三个参数分别填 0–255 的整数，顺序是红、绿、蓝，缺一不可，也不能越界。
rgb() 的参数必须严格在 0–255 范围内
超出这个范围（比如 rgb(256, 0, 0) 或 rgb(-1, 128, 64)）会导致整条 CSS 声明被浏览器静默丢弃——你不会看到报错，但颜色就是不生效。开发者工具里该属性会被划掉，显示为 “invalid”。
-
rgb(0, 0, 0)是纯黑，rgb(255, 255, 255)是纯白 - 灰色系靠三值相等实现：
rgb(128, 128, 128)、rgb(200, 200, 200) - 常见误操作：从十六进制转过来时算错，比如把
#ff6347错算成rgb(255, 63, 71)（实际是rgb(255, 99, 71)，因为63十六进制 = 99 十进制）
逗号和空格的写法有弹性，但混用单位会失效
CSS 对空格不敏感，rgb(255,0,0)、rgb(255, 0, 0)、rgb(255 , 0 , 0) 都合法。但一旦混用单位——比如 rgb(100%, 50, 0) 或 rgb(255, 50%, 0)——整条规则就作废。
- 要么全用整数：
rgb(255, 165, 0)（橙色） - 要么全用百分比：
rgb(100%, 64.7%, 0%)（等价于上一条） - 百分比写法对设计协作更友好，但 JS 动态生成时容易漏掉
%符号，建议统一用整数避免出错
想加透明度？不能在 rgb() 里加第四个参数
rgb() 只接受三个参数。写成 rgb(255, 0, 0, 0.5) 是无效语法，浏览器直接忽略。要透明度，必须换用 rgba()，且第四个 alpha 参数只能是 0–1 的小数（不是百分比）：
- ✅ 正确：
rgba(255, 0, 0, 0.5)（半透红） - ❌ 错误：
rgb(255, 0, 0, 0.5)、rgba(255, 0, 0, 50%)、rgba(255, 0, 0, 50) - alpha = 0 时颜色完全不可见，但前三个值仍需提供，不能省略
JavaScript 拼接时最容易踩的坑
用模板字符串动态生成 rgb() 时，变量类型和边界检查常被忽略：
- 确保
r、g、b是数字类型，不是字符串：rgb(${r}, ${g}, ${b})中若r = "256"就越界了 - 做安全截断：
Math.max(0, Math.min(255, Math.round(val))) - 别在
rgb()内部用calc()或 CSS 变量，比如rgb(var(--r), var(--g), var(--b))不合法
真正难调试的，往往不是语法错误，而是数值越界后“看起来没变化”——它悄悄回退到父级继承色或浏览器默认色，而不是报错提醒你。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
