colorhelper 是唯一能稳定支持现代 css 颜色语法（如 oklch()、color(display-p3)）的插件，其依赖语法作用域、光标位置和配置开关三者同时满足，不靠正则而基于 sublime 作用域系统精准识别。
Sublime Text 本身不支持 CSS 颜色实时预览，装了插件也不一定生效——根本原因不是“没装对”，而是插件根本没被触发。关键在语法作用域、光标位置和配置开关三者是否同时满足。
ColorHelper 是唯一能稳定支持现代颜色语法的方案
ColorPicker 已彻底失效（沙箱禁用 tkinter），GutterColor 和 ColorHighlighter 只认 #fff、rgb()、red 这类基础格式，对 oklch()、color(display-p3)、hwb() 完全无响应。ColorHelper 基于 Sublime 的作用域系统工作，不是靠正则硬扫字符串，所以识别更准、误触更少。
- 必须通过
Package Control: Install Package搜索并安装ColorHelper（注意拼写，不是 ColorHelper2 或 Color Helper） - 安装后无需重启，但必须确认右下角状态栏显示的是
CSS、SCSS、source.css.postcss（Vue 单文件组件中<style></style>块要用这个，不能只选CSS） - 光标必须停在合法颜色字面量上：比如
#3b82f6、hsl(210, 75%, 50%)、rebeccapurple；var(--primary)或color-mix(in srgb, red, blue)不会被识别，这是设计限制，不是 bug
为什么预览不显示？90% 是语法作用域没对
Sublime 不靠内容判断是否是颜色，而是看当前光标所在位置的语法作用域（scope）。如果状态栏显示 Plain text 或 HTML，哪怕你写的是 background: #ff0000，ColorHelper 也不会启动。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- HTML 文件里写
<div style="color: #ff0000">，必须把光标停在 <code>#ff0000内部，且右键 →Set Syntax → CSS（不是 HTML） - .vue 文件中，
<style></style>块默认语法可能是Vue或source.vue，需手动设为source.css.postcss或source.css.scss - 验证方式：光标停在颜色值上，按
Ctrl+Shift+P→ 输入Developer: Show Scope Name，输出里要有含color或constant.other.color的 scope，否则就是语法没识别它 - 若真需要（比如写 CSS-in-JS demo），打开
Preferences → Package Settings → ColorHelper → Settings - User - 添加或确认启用：
"scan_strings": true（注意 JSON 格式：双引号、逗号、花括号一个都不能少） - 保存后，光标停在字符串内颜色值上才可能触发预览；但
${bg}这种变量引用依然不会识别，只有字面量如"#ff0000"或`color: hsl(0,100%,50%)`才有效 - 路径检查：
C:\Users\XXX\AppData\Roaming\Sublime Text\Packages\User\Default (Windows).sublime-keymap（Win）或~/Library/Application Support/Sublime Text/Packages/User/Default (OSX).sublime-keymap（macOS） - 用 Sublime 打开该文件，搜索
alt+shift+c或ctrl+shift+c，看是否有其他命令占用了同一组合键 - 临时禁用预览：按住
Ctrl（Win/Linux）或Cmd（macOS）再悬停颜色值，松开即恢复——这个功能常被忽略，误以为“预览消失了”
JS 字符串里的颜色怎么预览？谨慎开启
ColorHelper 默认跳过字符串内容（如 el.style.color = "#3498db" 或模板字符串中的 `background: ${bg}`），因为变量引用无法静态解析，强行扫描会拖慢响应且误触发多。
快捷键冲突或调色面板打不开？先查 keymap
ColorHelper 默认调色面板快捷键是 Alt+Shift+C（Windows/Linux）或 Opt+Shift+C（macOS），但极易被其他插件或系统快捷键覆盖。
真正卡住的时候，往往不是插件坏了，而是作用域没对、光标没停准、或者配置里多了一个不该有的逗号。现代颜色语法（如 oklch()）的支持极其依赖上下文，没有全局扫描这回事——这点和 VS Code 完全不同，得适应 Sublime 的 scope 思维。
