colorpicker是最直接的颜色插入方式，按ctrl+shift+c调出系统取色器点选即插，生成标准#rrggbb格式；colorhighlighter需配置color_schemes才能实现#后自动补全预设色；guttercolor和color highlight仅预览不支持插入；多插件共存可能因快捷键冲突或高亮重叠导致异常。
ColorPicker 是最直接的插入方式，按 Ctrl+Shift+C（macOS 为 Cmd+Shift+C）就能调出系统取色器，点哪插哪，生成标准 #RRGGBB 格式。
为什么不用自己手敲 # 后再补全？
手动输入容易拼错、复制粘贴易带空格或换行，而且无法实时确认颜色效果。而 ColorPicker 插件调起的是操作系统原生取色器（Windows 的“颜色选择器”，macOS 的“数字颜色计”），精度高、响应快、所见即所得。它不依赖文件上下文，也不需要提前定义变量——光标停在哪，颜色就插到哪。
ColorHighlighter 怎么配合实现“# 后自动补全预设色”？
仅靠 ColorPicker 只能取色，不能补全常用色名或品牌色。这时要靠 ColorHighlighter 的 color_schemes 配置：
- 打开
Preferences → Package Settings → ColorHighlighter → Settings – User - 填入类似这样的数组：
"color_schemes": ["#2563eb", "#ef4444", "#10b981", "indigo", "rose"] - 保存后，在 CSS/SCSS 文件中输入
#，就会触发 Sublime 原生补全弹窗，列出你预设的所有值
注意：ColorHighlighter 默认不监听 # 补全，必须显式配置 color_schemes 才生效；且只对 # 开头的输入触发，rgb( 或 var(-- 不会触发。
GutterColor 和 Color Highlight 插件能“插入”颜色吗？
不能。它们是纯预览型插件：GutterColor 在行号区显示小色块，Color Highlight 在代码上叠加背景色——两者都只读渲染，不提供插入、编辑或取色能力。装了它们却还不会插入颜色，是常见误解。如果目标是“快速插入”，它们只是辅助验证，不是主工具。
真正能插入的只有 ColorPicker（取色器）、SmartColorPicker（支持历史+格式转换）、以及配合 Emmet 的自定义 snippet（比如输入 col-red + Tab 展开为 color: #ef4444;）。
多个颜色插件同时装，会不会冲突？
会，但冲突点很具体：所有插件都监听 Ctrl+Shift+C 时，只有最先注册的那个生效。比如 ColorPicker 和 SmartColorPicker 都默认绑定这个快捷键，后者会覆盖前者。解决方法是手动改其中一个的 key binding：
- 进
Preferences → Package Settings → SmartColorPicker → Key Bindings – User - 写入：
[{"keys": ["ctrl+alt+c"], "command": "smart_color_picker"}]
另外，ColorHighlighter 和 Color Highlight 功能高度重叠，同时启用会导致高亮重复、CPU 占用翻倍，建议二选一。从识别准确性和大文件性能看，ColorHighlighter 更稳；若需 LAB/LCH 等高级色彩空间支持，则选 Color Highlight。
真正难处理的不是功能重叠，而是 CSS 变量（var(--primary)）——目前没有任何插件能自动解析并映射到真实颜色值，必须靠人工维护或搭配 CSS Custom Properties 这类专用插件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
