notepad++默认不显示颜色色块，需通过nppcolorpicker插件实现悬停预览，支持#rgb、#rrggbb、rgb()等格式，不支持currentcolor或css变量；手动配置style configurator仅能静态着色且易冲突。

Notepad++ 里颜色代码不显示色块，是默认关闭的

Notepad++ 本身不渲染颜色，#[0-9A-Fa-f]{3,6} 这类字符串只是纯文本。要看到色块预览，必须启用「Style Configurator」里的颜色高亮支持，且仅对特定语言模式生效。

• 只在 HTML、CSS、SCSS、LESS 等语言模式下才可能触发颜色预览（取决于插件或内置样式）
• 默认安装的 Notepad++ 不带原生色块渲染，得靠插件或手动配置样式
• 即使开了相关选项，#fff 和 #ffffff 可能表现不同——前者在部分旧版本里不识别

用 NppColorPicker 插件实现点击取色+悬停预览

这是目前最稳定、无需改配置就能用的方案。它不依赖语言模式，只要光标停在 #RRGGBB 或 rgb() 上，就会弹出小色块。

• 安装方式：菜单栏 Plugins → Plugins Admin → 搜索 NppColorPicker → 勾选安装
• 装完重启，把光标放在 #3498db 上，等半秒就会浮出对应颜色的小方块
• 支持格式包括：#RGB、#RRGGBB、rgb(255, 128, 0)、rgba(...)、hsl(...)
• 注意：不支持 currentColor 或变量如 $primary，遇到就静默跳过

不用插件？试试 Style Configurator 手动加背景色

可以给十六进制颜色文本强行加上背景色，但只是静态着色，没有悬停/取色功能，且容易和语法高亮冲突。

• 打开 Settings → Style Configurator
• 左侧选语言（比如 CSS），右侧找 IDENTIFIER 或 VALUE 类型（不同语言位置不同）
• 勾选 Background colour，点色块选一个浅灰或半透明白底，避免遮挡文字
• 问题来了：#000 会变成黑底黑字——看不见；#ff0 在黄底上也难读。所以别设太深/太艳的背景

为什么 CSS 文件里 color: #f00 有时没反应？

不是插件失效，而是 Notepad++ 的 CSS 语言识别有局限：它只对声明块内的值做基础匹配，不解析上下文。

• color: #f00; ✅ 通常能被 NppColorPicker 捕获
• background: linear-gradient(#f00, #00f); ❌ 渐变里的 #f00 多数版本抓不到
• --main-color: #333; ❌ 自定义属性值默认不处理，除非插件明确支持 CSS 变量
• 如果整行变红/报错，检查是否误选了 JSON 模式打开 CSS 文件——语法解析错位会导致颜色匹配完全失效

真正麻烦的是嵌套结构里的颜色，比如 SCSS 中 &__item { background: $bg; }，这时候变量名 $bg 不是颜色代码，但人眼容易误判。插件不会猜变量值，编辑器也不会展开计算——这点得自己心里有数。