错误一:HEX 缺一位或忘写 #
标准 HEX 是 # 加 6 位十六进制数字,写成 #FFF 或 FF5733 都会被识别成别的含义。填写时记得补全为 6 位,并带上 # 号。
错误二:RGB 数值超出 0-255
RGB 每通道只接受 0 到 255 的整数,写成 rgb(300, 0, 0) 浏览器会忽略该颜色。如果从设计稿复制出来的数值看起来偏大,多半是复制了百分比或错误列。
错误三:HEX 与 RGB 混用
在同一个 CSS 里两种格式都能用,但不要在一条规则里来回混搭,比如把 RGB 值填进 HEX 位置,会造成解析失败。建议一个文件统一用一种格式。
错误四:记错对应关系
遇到颜色发白或发黑,常见原因是对照表记反。拿不准时直接用取色器核对,输入一种格式,看另外两种是否与你预期一致。
遇到以上问题,最快的方法是打开在线取色器,把可疑色值贴进去看实时结果,一目了然。