VSCode原生Pick Color无需安装插件，需满足三条件：光标停在标准颜色字面量（如#ff0000、rgb(255,0,0)）上约200ms后Ctrl/Cmd+Click；文件语言模式正确（如.css须为CSS而非Plain Text）；不支持var(--x)、$color等非字面量。
VSCode 里“颜色插件”不是装得越多越好，关键看你要解决什么问题：想点一下就调色，用原生 Pick Color；想代码里直接看到色块，Color Highlight 是最稳选择；想在 Python/JSON 里也点颜色，才需要补装 ColorPicker。
原生 Pick Color 怎么用？为什么点不动？
VSCode 自带的调色盘根本不用装插件，但必须满足三个条件才能触发：
- 光标停在可识别的颜色字面量上（如
#ff0000、rgb(255, 0, 0)、rebeccapurple），等约 200ms 出现下划线后再Ctrl+Click（Win/Linux）或Cmd+Click（macOS） - 文件语言模式必须正确：.css 文件不能是
Plain Text，.scss 要设为SCSS，否则语法不识别，调色盘压根不出现 -
var(--primary)、$color、currentColor这类非字面量值，原生完全不支持——它不解析变量，也不跑 CSS 预处理器逻辑
Color Highlight 显示不出色块？先查这个开关
装完 Color Highlight 却没色块，90% 是因为 VSCode 内置的总控开关被关了：
- 打开设置（
Ctrl+,或Cmd+,），搜colorDecorators - 确认
Editor > Color Decorators已勾选（对应 JSON 是"editor.colorDecorators": true） - 检查
.vscode/settings.json里有没有"editor.colorDecorators": false—— 工作区设置会覆盖全局 - 如果是远程开发（SSH/Containers），这个设置必须在远程端生效，本地改了没用
Color Highlight 支持哪些格式？怎么扩展？
默认只认 #fff、#ffffff、red、transparent 这类基础写法，rgb()、hsl()、var(--x) 不在默认范围里：
- 想让 JS 字符串里的
"#00ff00"也高亮，需手动加配置："colorHighlight.languages": ["javascript", "typescript"]+"colorHighlight.occurrencesInStrings": true - 但注意：开启字符串扫描后，日志、URL、错误码（如
"error: #404"）可能被误标，大文件还容易卡顿 - 想支持
var(--primary)，只能靠正则硬匹配，比如在colorHighlight.colors里加：{"pattern": "var\(--primary\)", "color": "#007acc"}，但这是静态映射，不会随 CSS 变量值变化而更新
什么时候才需要装 ColorPicker 插件？
只有两种情况值得装第三方 ColorPicker（JunHan 版）：
- 你在
.py、.json、.md这类非样式文件里写颜色值，比如color = "#ff6b6b"，原生和Color Highlight都不处理 - 你希望点击颜色值时弹出完整调色盘（支持 HSV 拖拽、历史记录、HEX/RGB 实时转换），而不仅是预览小色块
- 别和
ColorHighlight同时启用——两者都往代码行里插装饰（decoration），容易渲染冲突或点击失效
真正容易被忽略的是：所有颜色相关功能都依赖语言模式识别。哪怕你写了完美的 #000000，如果右下角显示的是 Plain Text，那什么插件都救不了它。
