ColorHelper是Sublime Text 4唯一稳定支持颜色预览的插件，可实时显示#RRGGBB、hsl()、var(--color)等格式的小色块，但不支持图像取色或批量提取配色；需正确设置语法作用域与enable_color_variables选项才能生效。
Sublime Text 本身不支持“自动提取配色”（比如从图片、CSS 文件或当前项目中批量抓取颜色并生成调色板），ColorHelper 是目前唯一能稳定实现“颜色识别 + 实时预览 + 变量解析”的插件，但它不提取、只高亮和预览。
ColorHelper 能做什么、不能做什么
它不是 Photoshop 那种取色器，也不扫描整个项目找颜色；它的核心能力是：光标停在 #3b82f6、hsl(210, 75%, 50%)、rebeccapurple 或 var(--primary) 上时，在右侧显示小色块预览。启用 "enable_color_variables": true 后还能解析 CSS 自定义属性的值。
常见误解：
- 以为装上就能一键导出所有颜色 → 实际上没有导出功能
- 以为能从 PNG/JPG 提取主色 → 它完全不处理图像文件
- 以为支持所有写法 →
color(display-p3 0.2 0.4 0.9)这类新语法需 ST4.4+ 和 ColorHelper v3.4+ 才识别
安装 ColorHelper 的关键步骤
必须先确认 Package Control 已正确安装，否则所有后续操作都无效。验证方式：按 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（macOS），输入 Package Control，能看到命令列表即成功。
安装流程：
- 按
Ctrl+Shift+P打开命令面板 - 输入
Package Control: Install Package，回车 - 等待底部状态栏显示
Loading package list完成（可能需 5–10 秒） - 输入
ColorHelper（注意大小写，不是colorhelper或Color Helper） - 回车安装，状态栏提示
Successfully installed ColorHelper即完成
验证是否生效：打开一个 .css 文件，写一行 color: #3b82f6;，把光标停在 #3b82f6 上，看右侧是否出现色块。没反应？往下看。
预览不显示的三大真实原因
不是插件坏了，而是 Sublime 的作用域机制在起作用 —— ColorHelper 只在被识别为特定语言的上下文中工作。
- 右下角状态栏显示的是
Plain text？→ 右键 →Set Syntax→ 选CSS或SCSS或Vue（单文件组件中<style>块需用source.css.postcss，不是source.css） - 快捷键
Alt+Shift+C没反应？→ 检查Packages/User/Default (Windows).sublime-keymap是否有其他命令占用了该组合；可用FindKeyConflicts插件一键扫描 - 写了
var(--primary)却没预览？→ 确认已进Preferences → Package Settings → ColorHelper → Settings，把"enable_color_variables": true设为true，且该变量在同文件或已导入的@import中定义
为什么别再折腾 ColorPicker
截至 2026 年 4 月，ColorPicker 在 Sublime Text 4 中已不可用：它依赖的 tkinter 被插件沙箱禁用，v4 删除了 GUI 弹窗支持。你看到插件文件夹存在、菜单里也有入口，但点不动 —— 不是配置问题，是 Sublime 主动跳过了初始化。
如果你还在用 ST3，它可能勉强弹窗，但：
- 不支持
oklch()、lab()、color(display-p3)等现代颜色语法 - 默认快捷键
Ctrl+Shift+C极易被微信/QQ 截图工具劫持 - 无法解析
var(--xxx)，也不能预览，只能插入新值
真正容易被忽略的是：ColorHelper 的全部能力都建立在 Sublime 的 scope 体系上。哪怕颜色写法完全合法，只要当前视图没被赋予正确的语法作用域（比如 Vue 文件里 <style> 块被识别为 Plain text），它就什么都不会做 —— 这不是 bug，是设计前提。
