ColorPicker插件可直接在Sublime Text中调出取色面板,提升CSS/Sass配色效率;安装需通过Package Control搜索安装,调用默认快捷键为Ctrl+Shift+C(Win/Linux)或Cmd+Shift+C(macOS),冲突时可自定义键位。

Sublime Text 的 ColorPicker 插件装上就能直接调出取色面板,不用切到外部工具,写 CSS 或 Sass 时选颜色快很多。关键是安装简单,但默认快捷键容易冲突,得留意一下。
怎么安装 ColorPicker
前提是已装好 Package Control(没装的话先搜“Install Package Control”按标准流程装)。之后:
- 按 Ctrl + Shift + P(Windows/Linux)或 Cmd + Shift + P(macOS)打开命令面板
- 输入 Install Package,回车
- 在弹出的搜索框里输入 ColorPicker,回车确认安装
- 等待几秒,安装完成即可 —— 可去 Preferences → Browse Packages 看有没有 ColorPicker 文件夹来验证
怎么调出取色面板
默认快捷键是 Ctrl + Shift + C(Windows/Linux)或 Cmd + Shift + C(macOS),光标放在任意颜色值附近(比如 #ff0000、rgb(255,0,0)、hsl(...))再按,就能弹出调色面板。
注意:如果同时装了 ConvertToUTF8 或其他也用这个快捷键的插件,会冲突,面板可能打不开。
立即学习“前端免费学习笔记(深入)”;
快捷键冲突了怎么办
想换一个不打架的快捷键,可以手动改:
- 菜单栏点 Preferences → Key Bindings
- 右侧用户按键文件里添加一行(例如改成 Ctrl + Alt + C):
[{"keys": ["ctrl+alt+c"], "command": "color_picker"}] - 保存,重启 Sublime 或重载按键配置即可生效
小技巧和补充说明
- 面板里选好颜色后,自动插入当前光标位置,支持十六进制、RGB、HSL 多种格式切换
- 支持从屏幕任意位置取色(面板顶部有吸管图标,点击后移到屏幕任何地方点一下)
- 历史记录会保留最近用过的颜色,方便复用
- 如果想更智能一点,可试试 SmartColorPicker(功能更强,安装方式一样)
基本上就这些,不复杂但容易忽略快捷键冲突的问题。










