VSCode自带Pick Color功能开箱即用，无需插件；点不了颜色值需同时满足三条件：editor.colorDecorators为true、文件语言模式为CSS/SCSS/Less/HTML（仅<style>块内）、光标落在语法识别的颜色字面量上（如#3a86ff、rgb()、命名色），var(--xxx)和$color等非字面量不支持。
VSCode 自带的 Pick Color 功能开箱即用，不需要装插件；装了第三方 Color Picker 插件反而容易和原生功能冲突、覆盖点击行为、导致色块不显示或调色盘卡死。
为什么点不了颜色值？先查这三个硬开关
原生 Pick Color 不是“点了就出”，它依赖三者同时成立：
-
editor.colorDecorators必须为true（默认开启，但常被插件或脚本关掉；可在设置里搜 “Color Decorators” 勾选，或手动在settings.json加"editor.colorDecorators": true） - 文件语言模式必须是
CSS/SCSS/Less/HTML（仅限<style>块内），右下角状态栏显示不是CSS就点不了 - 光标必须落在被语法高亮识别为颜色的位置：比如
#3a86ff中任意字符、rgb(255, 0, 0)括号内、或rebeccapurple全字上；var(--primary)、$color、注释里的/* #ff0000 */都不算
怎么稳定唤出 Pick Color？别只靠 Ctrl+Click
快捷键最容易失效——焦点错位、远程桌面延迟、插件劫持都会让它没反应。这三种方式更可靠：
- 鼠标悬停在颜色值左侧的小色块上（有边框那个），等 tooltip 显示 RGB/HSL 值后直接点击它——这是最稳的触发路径
- 右键颜色值 → 从上下文菜单选
Pick Color，不依赖快捷键绑定，适合多显示器或 Remote-SSH 场景 - 光标停在颜色值内，按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Pick Color回车执行——命令灰掉说明当前光标位置未被识别为颜色上下文
var(--xxx) 和 $color 怎么取色？原生不支持，得绕开
var(--primary) 点不了调色盘，不是 bug，是设计限制：VSCode 的 Pick Color 只做静态字面量匹配，不解析 CSS 变量、不展开 SCSS 变量、不读 :root 定义。
- 想改
var(--primary)对应的颜色，得先跳转到定义处（比如用CSS Peek），找到--primary: #007acc;这行，再点它调出调色盘 - SCSS 中
color: $primary要生效，得靠插件（如Live Sass Compiler）实时编译并注入最终值；原生语言服务不处理$变量 - 如果必须在 JSON 或 Python 里写
"#ff0000"并取色，才需要装第三方ColorPicker（JunHan 版），但它不自动替换，需手动确认插入位置
调色盘弹出来后，格式和透明度怎么控制？
输出格式默认继承原上下文，但几个操作会改变它：
- 拖滑块或吸管取色 → 保持原格式（
#ff6b35改完还是 HEX） - 手动输入
hsl(200, 70%, 50%)→ 回车后仍为 HSL，不会强制转 HEX - 点右下角
HEX/RGB/HSL按钮 → 只切换当前显示和回填格式，数值精度不变 - 从
#fff开始操作 → Alpha 默认补 1，不会自动转成rgba()；想加透明度，必须拉 Alpha 滑块或手动输rgba()
真正容易被忽略的是：吸管工具（右下角滴管图标）能跨窗口取色，包括终端、浏览器预览页甚至其他应用；按住 Alt 再点色块，还能高亮并多光标编辑当前文件中所有相同颜色值——这两个能力几乎没人用，但对批量调色效率提升极大。
