如何在VSCode中预览非标准RGB格式的CSS变量颜色？

• Color Highlight
  这款扩展允许通过自定义正则表达式识别非标准颜色格式。你可以在VSCode设置中找到color-highlight.regex项，添加匹配(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})的规则，并将其关联为RGB颜色解析逻辑，就能识别--bs-body-bg-rgb: 255, 0, 0;这类变量里的数值，显示颜色高亮和预览。

• Color Picker (Anjun Wang)
  该扩展支持自定义颜色格式配置，你可以在扩展设置面板中添加自定义匹配模式，把逗号分隔的三个数字格式映射为RGB颜色。配置完成后，悬停在这类数值上就能弹出颜色预览弹窗，适配Bootstrap变量的颜色查看需求。

• Bootstrap IntelliSense
  如果你主要处理Bootstrap项目，这款扩展专门针对Bootstrap的CSS变量、混合宏做了适配，能直接识别--bs-*-rgb这类变量里的数值并显示对应颜色预览，无需额外配置，适配性更强。

内容的提问来源于stack exchange，提问作者micbay