colorpicker 在 sublime text 4 上不可用,应改用 colorhelper;它支持 hsl()、oklch()、var(--color) 等现代颜色语法,需通过 package control 安装,并依赖正确语法作用域触发实时预览。

ColorPicker 在 Sublime Text 4 上不能用,别装了。
它早在 2018 年就停止维护,不兼容 ST4 的 Python 3.8+ 运行环境。你硬装,大概率会遇到:
-
ImportError: No module named 'winreg'(Windows) - 启动直接崩溃(macOS/Linux)
- 完全识别不了
hsl()、rgba()、var(--color)、bg-blue-500等现代写法,只认老式#RRGGBB和rgb()
真要调色,现在唯一稳定、持续更新、真正适配 ST4 的是 ColorHelper。
怎么装 ColorHelper 替代 ColorPicker
按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(macOS),输入:
→ Package Control: Install Package → 回车
→ 输入 ColorHelper → 回车安装
安装完无需重启,光标停在 #3b82f6 或 oklch(65% 0.21 250) 上,右侧立刻出小色块
ColorHelper 快捷键没反应?先查 keymap 冲突
很多人按 Alt+Shift+C(Win/Linux)或 Opt+Shift+C(macOS)没反应,不是插件坏了,是快捷键被你自己的配置劫持了。
- 用户快捷键文件路径:
C:\Users\XXX\AppData\Roaming\Sublime Text\Packages\User\Default (Windows).sublime-keymap(Win)~/Library/Application Support/Sublime Text/Packages/User/Default (OSX).sublime-keymap(macOS) - 打开该文件,搜索
alt+shift+c或ctrl+shift+c - 删掉冲突项,或改成
alt+ctrl+shift+c这类冷门组合 - 改完保存,立刻生效,不用重启
- 顺手装个
FindKeyConflicts插件,以后一键扫冲突
ColorHelper 预览不显示?90% 是语法作用域错了
ColorHelper 不靠正则硬匹配颜色字符串,而是依赖 Sublime 的语法作用域(scope)。如果右下角状态栏显示的是 Plain text 而不是 CSS、SCSS、Vue 等,它压根不会启动分析。
- 右键 →
Set Syntax→ 选对应语言(如CSS) - Vue 单文件组件中
<style></style>块,必须用source.css.postcss或source.css.scss语法,不是source开头的其他变体 - 想让
var(--primary)也预览?进Preferences → Package Settings → ColorHelper → Settings,把"enable_color_variables": true打开
真正容易被忽略的是:配色方案(color_scheme)和 UI 主题(theme)完全分离,ColorHelper 的预览色块位置、大小、是否内联,全由当前语法作用域和插件设置共同决定——不是换个主题就能让色块“自动居中”或“变大”。改设置前,先确认你编辑的是什么语言、作用域是否正确,否则调半天参数也没用。











