ColorHelper 是 Sublime Text 4 推荐的颜色处理插件，支持 20+ 颜色格式、实时高亮与取色，需手动启用 scan_strings 以识别 JS 字符串中的颜色，并可搭配 ColorHighlight 实现 gutter 图标高亮。
ColorPicker 插件已停止维护，别装它了
Sublime Text 4 下 ColorPicker 基本不可用，官方早已停止更新，且不支持现代颜色语法（如 hsl(240 100% 50%)、oklch()、带空格/单位的 rgb() 等）。你按 Ctrl+Shift+C 很可能弹不出面板，或选完色后插不进代码——这不是你配置错了，是插件本身不兼容。
推荐用 ColorHelper 替代，安装即用
ColorHelper 是当前 Sublime 中最稳定、识别最准、功能最全的颜色预览+取色方案，支持 20+ 颜色格式，能自动高亮并同步显示所有匹配颜色值。安装方式和 ColorPicker 一样，但效果完全不在一个量级：
- 按
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜索并安装ColorHelper - 安装后无需重启，打开任意 CSS/SCSS/HTML 文件，写
color: #3a86ff;或background: rebeccapurple;，背景立刻高亮 - 悬停颜色值时自动弹出取色面板；按住
Ctrl（Windows/Linux）或Cmd（macOS）再点颜色，可临时禁用预览 - 想在 JS 字符串里也识别颜色？在
Preferences → Package Settings → ColorHelper → Settings中加一行："scan_strings": true
快捷键冲突？直接改 Key Bindings 就行
如果你之前装过 ConvertToUTF8、Terminus 或其他插件，Ctrl+Shift+C 很可能被占用了。别折腾卸载，手动绑定更稳妥：
- 菜单栏 →
Preferences → Key Bindings - 右侧用户文件中添加：
[{"keys": ["ctrl+alt+c"], "command": "color_helper"}] - 保存后，光标放在颜色值上按
Ctrl+Alt+C即可呼出面板
需要边栏图标或填充式高亮？靠 ColorHighlight 实现
ColorHelper 主打精准识别和实时预览，而 ColorHighlight 更适合“一眼看清所有颜色”的场景——它会在代码行左侧 gutter 显示圆形/方形/填充式颜色标记，视觉冲击更强：
立即学习“前端免费学习笔记（深入）”；
- 同样用 Package Control 安装
ColorHighlight - 默认就启用，无需额外设置；想自定义 gutter 图标样式，在用户设置里加：
"gutter_icon": "fill"（可选circle、square、fill） - 注意：它不提供取色面板，只做高亮；若需取色+高亮双功能，建议两者共存——
ColorHelper负责交互，ColorHighlight负责视觉锚点
ColorHelper 的配置细节，比如 scan_strings 默认关着、CSS-in-JS 里不生效，得自己开——这点很容易忽略，一试没反应就以为插件坏了。 
