如何设置VSC颜色选择器输出大写Hex颜色值而非小写？

首先明确：VSCode原生支持将颜色选择器的Hex颜色输出设置为大写格式，无需安装第三方扩展，可通过以下两种方式配置：

方法1：可视化设置界面操作 #

• 打开VSCode设置页面：快捷键使用Ctrl+,（Windows/Linux系统）或Cmd+,（Mac系统）
• 在设置页顶部的搜索框输入uppercaseHex，找到Workbench > Color Picker: Uppercase Hex选项
• 勾选该选项即可完成全局颜色选择器的大写输出配置
• 如果你需要样式文件（CSS/LESS/SCSS等）格式化时也自动将Hex值转为大写，可以再搜索hexCase，将对应语言的Hex大小写选项设置为uppercase即可

方法2：JSON配置文件直接修改 #

• 按下Ctrl+Shift+P（Windows/Linux系统）或Cmd+Shift+P（Mac系统）调出命令面板
• 输入Preferences: Open User Settings (JSON)，回车打开用户配置JSON文件
• 在配置对象中添加以下配置项，保存后立即生效：

// 全局颜色选择器输出大写Hex值
"workbench.colorPicker.uppercaseHex": true,
// CSS文件格式化时输出大写Hex值
"css.format.hexCase": "uppercase",
// LESS文件格式化时输出大写Hex值
"less.format.hexCase": "uppercase",
// SCSS文件格式化时输出大写Hex值
"scss.format.hexCase": "uppercase"

配置完成后，所有通过颜色选择器生成的Hex颜色值都会自动采用大写格式，样式文件格式化时也会自动将已有的小写Hex值转为大写。

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