colorpicker能直接插入颜色值，但仅支持系统级取色器调用并输出#rrggbb格式，不支持提取文件中已有颜色；按ctrl+shift+c（win/linux）或cmd+shift+c（macos）弹出原生取色面板，点选后自动插入十六进制值。
ColorPicker 能不能直接插入颜色值？
能，但只支持系统级取色器调用，不支持从当前文件或项目中“提取”已有颜色。按 Ctrl+Shift+C（Windows/Linux）或 Cmd+Shift+C（macOS）会弹出操作系统原生取色面板，点选任意屏幕位置后，自动在光标处插入 #RRGGBB 格式值。
常见错误现象：快捷键没反应 → 多半是和 ConvertToUTF8 冲突（两者默认都用 Ctrl+Shift+C），需手动修改其中一个的快捷键绑定；插入后颜色不高亮 → 说明还没装 ColorHighlighter 或 ColorHelper。
- 安装顺序建议：先装
Package Control，再装ColorPicker，最后装ColorHighlighter - 快捷键冲突时，优先改
ConvertToUTF8的配置（路径：Packages/ConvertToUTF8/Default (Windows).sublime-keymap） -
ColorPicker不解析hsl()、var(--color)等写法，仅输出十六进制
ColorHighlighter 和 ColorHelper 到底该选哪个？
不是二选一，而是分工明确：ColorHighlighter 负责高亮 + 点击跳转 + 预设色补全；ColorHelper 负责实时色块预览 + CSS 变量解析 + 新语法支持（如 color(display-p3 ...)）。两者可共存，且互补性强。
使用场景差异：
- 想快速复用项目里已定义的
var(--primary)？→ 必须开ColorHelper并设"enable_color_variables": true - 想输入
#后自动弹出常用色板（如#3b82f6、#ef4444）？→ 配置ColorHighlighter的"color_schemes"数组 - 打开一个旧 CSS 文件，发现
rgb(255, 91, 91)没预览？→ColorHelper v3.4+才支持，旧版只认#RRGGBB和hsl()
为什么装了插件，#FF0000 就是不显示色块？
大概率是作用域（scope）没匹配上，尤其在非标准语法文件中（比如 .vue 单文件组件的 <style></style> 块、或 .astro 文件）。ColorHelper 默认只在 source.css、source.scss、source.less 等作用域生效。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
解决方法很简单，打开 Preferences → Package Settings → ColorHelper → Settings – User，加一行：
{
"syntax_scopes": [
"source.css",
"source.scss",
"source.less",
"source.postcss",
"source.vue.vue-html",
"source.astro"
]
}
注意：ColorHighlighter 也有类似限制，但它靠正则匹配颜色字符串，对作用域依赖小些；而 ColorHelper 依赖 Sublime 的语法分析结果，作用域错就完全不工作。
配色方案（.sublime-color-scheme）能自动提取颜色吗？
不能。Sublime 的 .sublime-color-scheme 是纯描述性 JSON 文件，定义的是语法元素（如 keyword、string）的前景色/背景色，它本身不具备“扫描文件→提取颜色→生成主题”的能力。
如果你真需要从一堆 CSS 中批量抓色，得靠外部工具（比如 Python 脚本 + 正则），再手动填进 .sublime-color-scheme；或者用 Color Scheme Editor 插件可视化编辑——但它也只是帮你改文件，不自动提取。
容易被忽略的一点：ColorHelper 的预览色块颜色，和你最终用的 color_scheme 无关；它渲染的是颜色本身，不是主题里的某个 token 颜色。所以即使你用了深色主题，#3b82f6 预览出来还是蓝色，不会变暗。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
