十六进制颜色合法写法是以#开头后接3位或6位十六进制字符（0–9、a–f，不区分大小写），如#fff或#123456；位数错误或含非法字符则声明失效。
直接用 background-color 属性 + 十六进制颜色值就能生效，不需要额外转换或 polyfill。
十六进制颜色怎么写才合法？
必须以 # 开头，后面跟 3 位或 6 位十六进制字符（0–9、A–F，不区分大小写）。#fff 和 #FFFFFF 都合法，但 #ff、#ffff、#ggg 会失效。
-
#abc是简写形式，等价于#aabbcc，浏览器自动展开 -
#123456是标准六位写法，红/绿/蓝通道各占两位 - 写错位数或含非法字符（如
g）时，整个声明会被忽略，元素显示默认透明背景
background-color 能否直接接受十六进制值？
能。CSS 规范明确支持十六进制作为 background-color 的取值，所有现代浏览器（包括 IE9+）都原生支持，无需 fallback。
- 示例：
div { background-color: #3b82f6; }—— 直接生效 - 别写成
background-color: "#3b82f6"（加引号是无效语法） - 如果同时设置了
background-image，background-color会作为图像未加载或透明区域的底色
十六进制和 rgba 混用时要注意什么？
十六进制本身不带透明度，想实现半透效果必须转成 rgba() 或用 #RRGGBBAA（CSS Color Module Level 4）。
-
#00000080这种八位写法在 Chrome/Firefox/Safari 最新版支持，但 IE 和旧版 Safari 不识别，会回退为transparent - 稳妥做法：用 PHP/JS 工具把
#3b82f6解析成 RGB，再拼rgba(59, 130, 246, 0.8) - 别试图用
opacity代替——它会让整个元素（含内容）变透明，不是仅背景
十六进制颜色看似简单，但真正容易出问题的是简写误判（比如把 #fb0 当成 #ffbb00）、大小写混用导致复制粘贴出错，以及在需要透明度时硬套六位值却不做转换。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
