color picker扩展需手动配置快捷键，仅支持字面量颜色值，不解析css变量；调色盘失灵多因焦点或渲染问题，需检查系统设置与构建流程。
VSCode 自带不支持颜色拾取，必须装扩展；官方推荐的 Color Picker（由 Microsoft 发布）最稳定，但默认不绑定快捷键，需要手动配置。
安装 Color Picker 扩展后为什么按快捷键没反应？
VSCode 官方 Color Picker 扩展（ID：monokai.theme-color-picker）安装后不会自动启用快捷键。它只提供命令，不预设键盘映射。
- 打开命令面板（
Ctrl+Shift+P/Cmd+Shift+P），输入Preferences: Open Keyboard Shortcuts (JSON)，编辑用户快捷键文件 - 添加如下绑定（示例为 Windows/Linux）：
{ "key": "ctrl+alt+c", "command": "colorHelper.pick", "when": "editorTextFocus && !editorReadonly" } - macOS 用户注意：
ctrl应替换为cmd，且避免与系统级快捷键冲突（如cmd+alt+c可能被截图工具劫持） - 确保光标位于含颜色值的文本中（如
#ff0000、rgb(255, 0, 0)、var(--primary)），否则命令不可用
支持哪些颜色格式？CSS 变量和自定义属性能识别吗？
Color Picker 原生支持 hex（3/4/6/8位）、rgb()、rgba()、hsl()、hsla() 和 color() 函数，但对 CSS 自定义属性（var(--color-primary)）默认不解析——它只定位字面量颜色值，不执行 CSS 计算。
- 若想点选
var(--xxx)并看到对应色值，需额外安装支持 CSS 变量解析的扩展（如CSS Peek或Polacode配合主题色定义跳转） -
currentColor和transparent被识别为有效颜色，但无法弹出调色盘（因无具体 RGB 值） - SCSS/Sass 中的
$color: #abc变量声明本身不触发拾色，只有在color: $color这类使用处，且编译后生成了实际颜色值时才可能生效（依赖扩展是否做预处理）
点击颜色值后弹出的调色盘无法拖拽或失焦关闭？
这是 Electron 渲染层焦点管理问题，常见于多显示器、远程桌面或某些显卡驱动下。调色盘本质是 Webview 弹窗，失去响应通常不是扩展 Bug，而是 VSCode 窗口焦点未正确传递。
- 尝试先点击编辑器任意位置，再右键颜色值 → 选择
Pick Color（右键菜单比快捷键更可靠） - 禁用所有非必要扩展（尤其是 UI 类、主题类），逐个排查冲突
- VSCode 设置中关闭硬件加速：
"window.experimental.useSandbox": false（需重启），可缓解部分平台 WebView 卡死 - Linux 用户若用 Wayland，建议切换到 X11 会话；Windows 用户检查是否启用了“Windows 高对比度模式”——该模式会强制禁用自定义弹窗渲染
真正麻烦的不是找不到颜色，而是调色盘弹出来之后，你改完一个值，结果发现它没实时更新到变量里，或者你在 Sass 文件里调了色，编译后页面却还是旧的——这时候得回头确认构建流程有没有监听颜色变更，而不是怪 VSCode 拾色器不灵。
