color highlight插件不生效，首要检查editor.colordecorators是否启用；其次确认语言模式为css/scss/html等支持格式；js/ts字符串需手动配置languages和pattern；rgba/#rgba需v2.5.0+支持。
Color Highlight插件安装后不生效怎么办
插件装了但颜色代码（比如 #ff6b6b、rgb(255, 107, 107)）没高亮，大概率是语言模式没匹配上。VSCode 默认只对 css、scss、less 等样式类语言启用颜色预览，而你在 html 文件的 style 标签里写颜色，或在 js/ts 中写内联样式时，需要手动确认语言模式是否正确。
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac），输入Change Language Mode，确保当前文件或区域被识别为css/scss/html（HTML 中的style块通常自动支持） - 如果在
vue或svelte单文件组件中，确认插件已支持对应语法（新版 Color Highlight 默认支持vue的<style></style>和<template></template>内联style属性） - 检查设置里是否意外禁用了：打开设置（
Ctrl+,），搜color highlight enabled，确认color-highlight.enable是勾选状态
如何让 JS/TS 字符串里的颜色值也高亮
默认情况下，Color Highlight 不会解析 JavaScript 字符串中的颜色字面量（例如 const bg = "#4a90e2";），因为这属于运行时值，不是样式声明。要开启这类支持，得手动配置正则规则。
- 打开设置 → 搜
color highlight languages→ 编辑color-highlight.languages - 添加
javascript和typescript，并配一个能捕获字符串内颜色的 pattern，例如：
"color-highlight.languages": [
{ "language": "javascript", "pattern": "\"#[0-9a-fA-F]{6}\"|'#[0-9a-fA-F]{6}'" },
{ "language": "typescript", "pattern": "\"#[0-9a-fA-F]{3,8}\"|'#[0-9a-fA-F]{3,8}'" }
]
注意：pattern 是 JavaScript 正则，需用双引号包裹整个字符串；{3,8} 覆盖 #rgb、#rrggbb、#rrggbbaa；单双引号都要覆盖，否则漏掉一种写法就无效。
高亮颜色和实际渲染色不一致？查 color profile 和 alpha 处理
你看到的预览方块颜色偏暗、发灰，甚至透明色（如 #ff6b6b80）显示成不透明，基本是插件未正确解析 alpha 通道，或系统/显示器色彩配置干扰了渲染。
-
Color Highlight默认把#RGBA和rgba()当作带透明度处理，但某些老版本不支持 8 位 hex（#rrggbbaa），升级到 v2.5.0+ 可解决 - 检查 VSCode 是否启用了色彩管理：设置中搜
workbench.colorTheme，换一个主题试试（极少数主题会覆盖插件的 overlay 样式） - 如果你在 macOS 上用 Display P3 屏幕，而插件生成的是 sRGB 预览块，视觉差异会更明显——这不是 bug，是色彩空间不匹配，插件本身不进行 color profile 转换
和其它颜色插件（如 Pigments）冲突时怎么选
同时启用 Pigments 和 Color Highlight 会导致重复高亮、光标跳动甚至卡顿。二者定位不同：Pigments 更重“颜色变量提取+全局搜索”，Color Highlight 更轻量、专注“就近预览”。
- 如果只需要快速看一眼某行的颜色效果，停用 Pigments，保留 Color Highlight —— 它启动快、内存占用低、配置项少
- 如果项目里大量使用
$primary: #4a90e2这类 SCSS 变量，且需要点击跳转定义，Pigments 的符号索引能力更强 - 二者都支持自定义 pattern，但 Pigments 的 regex 匹配逻辑更复杂，容易误匹配注释或 URL；Color Highlight 的 pattern 更直白，适合精准控制
真正容易被忽略的是：插件对 CSS Custom Properties（--main-color: #4a90e2）的高亮依赖语言服务是否将该属性识别为颜色类型。目前 Color Highlight 不解析变量值，只高亮声明右侧的字面量——所以 --c: red 会高亮 red，但 --c: var(--d) 不会高亮任何东西。
