VSCode中如何仅用键盘快捷键切换CSS文件的rgb/hsl/hex颜色格式

VSCode无鼠标切换CSS颜色格式方案 #

方法1：原生快捷键（无需额外插件） #

• 首先把光标移动到你要修改的颜色值的任意位置
• 按Ctrl+.（Windows/Linux）或者Cmd+.（Mac）调出快速修复菜单
• 你会看到「将颜色转换为十六进制」/「将颜色转换为RGB」/「将颜色转换为HSL」这类选项，直接用上下方向键选中对应选项回车即可完成切换
• 如果你想进一步简化操作，可以给这个操作绑定自定义快捷键：
  1. 打开键盘快捷方式面板：按Ctrl+K Ctrl+S（Windows/Linux）或者Cmd+K Cmd+S（Mac）
  2. 搜索「转换颜色格式」，找到对应你需要的转换类型条目，点击左侧的加号即可绑定你习惯的快捷键

方法2：vscode-color-exchange插件方案 #

如果你需要更丰富的格式切换（比如带透明度的rgba、hsla转十六进制八位等），可以安装这款插件，安装后默认支持的快捷键：

• 按Alt+C（Windows/Linux）/Option+C（Mac）可以直接循环切换当前光标所在颜色的所有格式，无需呼出菜单，一步到位
• 如果你要自定义循环顺序，也可以在插件设置里调整你需要的格式优先级

注：以上操作全程不需要触碰鼠标，仅靠键盘即可完成所有格式切换，支持css、scss、less等所有前端样式文件的颜色识别。

内容的提问来源于stack exchange，提问作者JuanPasténCastillo