colorize插件仅对css、scss、less等指定语言模式生效，需确认文件语言模式、检查colorize.languages和colorize.include配置、确保hoverpreview开启、规范颜色语法格式。
Colorize插件不生效？先确认它只作用于支持的语言模式
Colorize 插件默认只对 css、scss、less、postcss、html（内联 style）、javascript（模板字符串中的 CSS）等语言启用。如果你在 .json、.md 或未识别的文件中写 #ff0000，它不会着色——这不是 bug，是设计行为。
实操建议：
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）打开命令面板，输入Change Language Mode，确认当前文件语言为css或scss等受支持类型 - 在
html文件中，只有<style></style>块和style="..."属性内会触发着色；class="red"这类类名不会被识别 - JavaScript 中需显式使用带
css标签的模板字符串，例如css`color: #f00;`（前提是已配置对应语法支持，如通过vscode-css-languageservice或插件扩展）
颜色没显示背景？检查 colorize.languages 和 colorize.include 两项配置
Colorize 默认开启，但实际生效依赖两个关键配置项：colorize.languages 控制哪些语言模式启用，colorize.include 控制哪些文件路径/后缀参与匹配。很多人改了主题或重装 VSCode 后发现“突然不工作”，大概率是这两项被重置或覆盖。
实操建议：
- 打开设置（
Ctrl+,），搜索colorize.languages，确保包含"css"、"scss"等；若为空数组或被设为["*"]，可能因性能原因被插件自动禁用，建议显式列出 - 搜索
colorize.include，默认值是["**/*.{css,scss,less,sass,styl,pcss,postcss}"]；如果你在.vue单文件组件里写样式却没着色，需手动加入"**/*.vue" - 避免在
settings.json中误写成"colorize.enable": false—— 这个配置项并不存在，插件无全局开关，只靠上述两项控制范围
预览悬浮窗不显示？可能是 colorize.hoverPreview 被关闭或触发位置不对
Colorize 的悬浮预览（hover tooltip）默认开启，但仅在光标**精确停在颜色值上**时触发，比如停在 #333 的任意一个字符上可以，停在空格或冒号后就不行。另外，如果 colorize.hoverPreview 被设为 false，或者被其他插件（如 Polacode、CSS Peek）的 hover 逻辑干扰，也会失效。
实操建议：
- 检查设置中
colorize.hoverPreview是否为true（默认值）；若为false，改为true并重启编辑器标签页 - 在颜色值上按住
Ctrl（Windows/Linux）或Cmd（macOS）再悬停，可强制触发预览（这是 VSCode hover 的通用快捷键） - 如果同时装了
CSS Peek，它的 hover 可能抢占优先级；可临时禁用它测试是否冲突
自定义颜色格式不识别？比如 rgb(255, 0, 0) 或 hsl(0, 100%, 50%) 显示异常
Colorize 支持标准 CSS 颜色语法，但对函数式写法（rgb()、hsl()、rgba()、hsla()、color()、lab() 等）的识别依赖正则匹配精度。部分写法如空格过多（rgb( 255 , 0 , 0 )）、缺少单位（hsl(0, 100, 50) 缺 %）或使用变量（rgb(var(--r), var(--g), var(--b))）会导致匹配失败，不着色也不预览。
实操建议：
- 保持函数参数规范：使用
rgb(255, 0, 0)而非rgb(255,0,0)（虽 CSS 允许，但 Colorize 正则更倾向带空格） - 十六进制必须为 3/4/6/8 位，
#fff、#ffffff、#ffff（RGBA）都支持；#ff000000（8 位）会被识别为#ff0000+ 透明度，但预览框中可能只显示 RGB 部分 - 如需支持 CSS 变量颜色（
color: var(--primary);），Colorize 本身不处理，得靠CSS Variables类插件配合，它只负责字面量颜色值
真正容易被忽略的是：Colorize 不解析 CSS 作用域或继承关系，它只是文本级着色器。你在 @media 块里写的 #00ff00 会着色，但不会告诉你这个颜色是否被后续规则覆盖——那属于 LSP 或 CSS validator 的范畴，不是它的职责。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
