ColorPicker 插件需先正确安装Package Control,再通过命令面板安装,且仅在CSS/HTML等支持颜色语法的文件中、光标位于颜色声明位置时,按Ctrl+Shift+C才能调出系统取色器。

ColorPicker 插件在 Sublime Text 中确实能直接调出系统级取色器,插入十六进制(如 #3a86ff)、RGB(如 rgb(58, 134, 255))等格式颜色值——但前提是它得真正装对、路径正确、快捷键没被劫持。
确认 Package Control 已就位,否则插件安装必失败
很多用户卡在“点了 Install Package 没反应”或“搜不到 ColorPicker”,根本原因不是插件问题,而是 Package Control 根本没装好。Sublime 默认不带这个包管理器。
- 打开 Sublime,按
Ctrl + `(反引号)调出控制台 - 粘贴并回车执行(适用于 Sublime Text 3):
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f'+'1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); by = urllib.request.urlopen('http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join(ipp, pf), 'wb').write(by) - 无报错且出现
restarting worker类提示后,重启 Sublime - 再按
Ctrl + Shift + P,输入Package Control,能看到命令列表即成功
⚠️ 常见坑:用旧版 Sublime Text 2 的安装代码套在 ST3 上会报
NameError: name 'urllib2' is not defined;反之亦然。
安装 ColorPicker 插件的唯一可靠路径
别手动下载 ZIP、别拖进 Packages 文件夹、别信“解压即用”的野路子——ColorPicker 依赖 Package Control 的元数据加载机制,手动放进去大概率不生效。
立即学习“前端免费学习笔记(深入)”;
- 按
Ctrl + Shift + P(macOS 是Cmd + Shift + P)打开命令面板 - 输入
Install Package,选中Package Control: Install Package - 等待底部状态栏显示
Loading package list...完成(可能需 5–10 秒) - 输入
ColorPicker(注意大小写,不要输成colorpicker或Color Picker) - 回车安装,完成后状态栏会提示
Successfully installed ColorPicker
验证是否真装好:
- 菜单栏 →
Preferences → Browse Packages… - 打开的文件夹里应存在名为
ColorPicker的子目录(不是ColorPicker-master,也不是带日期的压缩包名)
调用取色器失败?检查这三件事
装完不代表能用。最常见失效场景:
- 快捷键被其他软件抢占:比如 QQ、微信、Snipaste 默认也用
Ctrl + Shift + C,导致按下后弹出截图框而非取色器 - 光标位置不对:必须把光标放在支持颜色值的上下文中,例如 CSS 的
color:后、background:后,或 HTML 的style="..."里;放在纯文本行或 JS 字符串中无效 - 文件类型未识别:确保当前文件有正确语法高亮(右下角显示
CSS/HTML/SCSS),若显示Plain Text,先点击右下角切换语法
临时测试法:新建一个 .css 文件,输入
a { color: ; }
把光标停在冒号后、分号前,再按 Ctrl + Shift + C —— 应立刻弹出系统取色器。
颜色格式怎么选?默认是 #RRGGBB,但可改
ColorPicker 默认插入 6 位十六进制(如 #ff6b6b),但它支持多种输出格式,只是不提供图形界面切换。
- 打开菜单:
Preferences → Package Settings → ColorPicker → Settings – User - 在打开的 JSON 文件中添加(或修改):
{ "color_format": "hex" }可选值:"hex"(#RRGGBB)、"hexa"(#RRGGBBAA)、"rgb"、"rgba"、"hsl"、"hsla"
注意:改完保存,无需重启,下次调用立即生效。但
hexa和rgba需要目标语言本身支持(比如 CSS 中rgba()没问题,但某些旧版构建工具可能不认#rrggbbaa)。
真正容易被忽略的是:这个插件没有 UI 面板,不占内存,也不常驻进程——它只是调用操作系统原生取色器(Windows 是 ChooseColor API,macOS 是 NSColorPanel)。所以如果你在远程桌面、WSL GUI 或某些精简版 Linux 环境下使用 Sublime,Ctrl + Shift + C 可能完全没响应,这不是插件坏了,是系统层不支持。










