Sublime Text 默认不支持 CSS 颜色预览，必须安装 ColorHighlighter 插件；确认名称为 ColorHighlighter（无空格/下划线/连字符），安装后需重启，并将文件语法设为 CSS/SCSS/HTML 等支持类型，用户设置中添加 {"supported_color_types": ["hex", "rgb", "hsl", "names"]} 以启用多格式预览。
Sublime Text 默认不提供 CSS 颜色预览，必须靠 ColorHighlighter 插件实现；装错名字、没重启、语法识别不对，三者任一出问题都会导致“颜色没反应”，不是插件坏了，是根本没触发。
怎么确认 ColorHighlighter 装对了？
别搜 Color Highlighter 或 ColorPicker，官方唯一正确名称是 ColorHighlighter（结尾带 r，无空格、无下划线、无连字符）。
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS）→ 输入Install Package→ 选中Package Control: Install Package - 等列表加载完成，**直接搜
ColorHighlighter**，点击安装 - 装完必须重启 Sublime Text；否则插件注册失败，命令面板里搜不到任何相关命令
ColorHighlighter 不生效的主因是语法模式不匹配
ColorHighlighter 不扫描整个文件，只在 Sublime 认为“这里是 CSS”的作用域里工作。右下角看语法标识——必须是 CSS、SCSS、HTML、Vue Component 等支持语言；若显示 Plain Text 或 JSON，插件完全不启动。
-
.vue文件中<style>块失效 → 语法需设为Vue Component，不是Vue或HTML - 内联
style="color: #000"写在.html里却没高亮 → 确保语法是HTML，且用户设置中"enable_on_languages"包含"html" - 临时验证：打开任意 CSS 文件，按
Ctrl+Shift+P输入Color Highlighter: Highlight手动执行一次，看是否立刻出现色块
为什么 rgb(255, 0, 0) 没预览，但 #ff0000 可以？
默认配置只启用 "hex" 类型，rgb()、hsl()、颜色名（如 red）需要手动开启。
立即学习“前端免费学习笔记（深入）”；
- 打开：
Preferences → Package Settings → ColorHighlighter → Settings - User - 在右侧用户设置中添加（注意 JSON 格式和引号）：
{"supported_color_types": ["hex","rgb","hsl","names"]} - 别漏掉
"hex"——如果只写["rgb"]，#fff反而会失效 -
var(--primary)、$color、color-mix()等函数/变量永远不支持，这是插件设计限制，不是配置问题
JS/TS 字符串里的颜色怎么高亮？
默认关闭字符串内匹配，因为性能和误触发风险。要让它生效，必须显式开启：
- 打开
Preferences → Package Settings → ColorHighlighter → Settings - User - 添加：
{"color_highlight_in_strings": true} - 保存后执行
Color Highlighter: Highlight强制刷新缓存（不重启也行） - 注意：这会让插件扫描所有字符串内容；大型 TSX 项目可搭配
"supported_color_names": false关掉预定义名匹配来微调
真正容易被忽略的是作用域识别机制——ColorHighlighter 不解析语义，只靠正则 + 语法作用域匹配；哪怕配置全对，只要光标所在位置的作用域不是 source.css 或 meta.property-value.css，它就不会触发。用 Ctrl+Shift+P 输入 Inspect Scope 查一下，比反复改配置更直接。
