新的介绍内容：

VSCode Color Info扩展：提升CSS颜色信息查看体验

Color Info是Visual Studio Code的一款强大扩展，为您的CSS颜色提供丰富的信息。当您悬停在CSS颜色上时，Color Info会展示多种颜色值，包括：

• rgb – RGB颜色值，默认启用
• hsl – HSL颜色值，默认启用
• css-color-name – 颜色名称（如红色、蓝色等）
• hsv – HSV颜色值
• lab – LAB颜色值
• lch – LCHab颜色值
• cmyk – CMYK颜色值，默认启用
• hex – 十六进制值，默认启用
• alpha – 透明度值，默认启用
• preview – 颜色预览，显示带透明度的颜色在左下角，不带透明度的颜色在右上角，默认启用
• preview-xl – 更大的颜色预览
• preview-square – 方形颜色预览
• preview-square-xl – 更大的方形颜色预览

您可以根据需求自定义显示哪些字段以及它们的显示顺序，具体设置如下：

配置选项：

colorInfo.fields

通过有序数组定义要显示的颜色字段。

colorInfo.excludedFields

定义不显示的字段数组，该设置会覆盖colorInfo.fields。如果您只需要排除一两个默认字段，建议使用colorInfo.excludedFields。

colorInfo.languages

定义启用颜色信息的文件和语言类型，以及支持的颜色类型。默认设置为在CSS、Sass、SCSS和Less文档中启用所有CSS颜色值：

"colorInfo.languages": [
    {
        "selector": "css",
        "colors": "css"
    }, {
        "selector": "sass",
        "colors": "css"
    }, {
        "selector": "scss",
        "colors": "css"
    }, {
        "selector": "less",
        "colors": "css"
    }
]

每个元素包括：

• "selector" - VSCode文档选择器。
• "colors" - 定义要显示信息的颜色类型，可以是字符串或字符串数组。有效的颜色类型包括：
  • css - 所有CSS颜色值类型
  • hex - CSS十六进制（#ff00ff或#f0f）
  • hex alpha - CSS十六进制加透明度（#ff00ff77或#f0f7）
  • rgb - CSS rgb或rgba（rgb(1, 2, 3)或rgba(1, 2, 3, 0.5)）
  • hsl - CSS hsl或hsla（hsl(1, 2, 3)或hsla(1, 2, 3, 0.5)）
  • css-colors-names - CSS颜色名称（如红色、蓝色）

由于VSCode当前不支持嵌套语言，要在HTML文件中启用Color Info，您需要添加：

{
    "selector": "html",
    "colors": "css"
}

请确保将此设置添加到默认的colorInfo.languages设置末尾，以免禁用标准语言的Color Info功能。