sublime text 无内置颜色选择器，需依赖插件；推荐安装 colorhighlighter，支持 hex/rgb/hsl 格式实时高亮与右键调色，但不识别 css 变量；colorpicker 因 python 版本兼容问题易报错且功能受限，建议卸载替换。
Sublime Text 里没有内置颜色选择器
Sublime Text 本身不提供原生的图形化颜色选择器（比如点击 #ff0000 就弹出调色盘），这是它和 VS Code、WebStorm 等编辑器的关键区别之一。想在代码里直接调色，必须靠插件补足这个能力。
推荐安装 ColorHighlighter 插件
这是目前 Sublime Text 上最稳定、轻量且支持实时预览的颜色工具。它不会改写你的 CSS/SCSS/JS 文件，只做高亮 + 右键唤出调色器：
- 安装后，把光标停在任意颜色值上（如
#3498db、rgb(52, 152, 219)、hsl(204, 65%, 52%)或rebeccapurple），右键 → “Pick color” - 会弹出系统级调色窗口（macOS 是原生色彩面板，Windows 是标准对话框），选完自动替换原文本
- 支持 HEX、RGB、HSL 三种格式切换，按需在设置里开启
"convert_on_pick": true - 注意：对
var(--primary)这类 CSS 变量不生效，它只识别字面量颜色值
ColorPicker 插件容易踩坑
另一个常见插件叫 ColorPicker（作者 sameer），名字更直白但实际问题多：
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 依赖 Python 2.7 的
tkinter，Sublime Text 4 默认用 Python 3.8+，装了也大概率报错：ImportError: No module named tkinter - 即使强行降级 Python 环境，Windows 下常出现调色器窗口卡死、无法关闭
- 不支持透明度（alpha）滑块，
rgba(0,0,0,0.5)会被截断成rgba(0,0,0,) - 如果已经装了，建议卸载，换用
ColorHighlighter
快捷键和 CSS 变量场景怎么处理
默认没有快捷键触发调色器，但可以自定义：
- 菜单 → Preferences → Key Bindings，添加一行：
[{"keys": ["ctrl+shift+c"], "command": "color_highlighter", "args": {"action": "pick"}}] - CSS 变量要调色？得先找到它的定义位置（比如
:root { --primary: #3498db; }），把光标放上去再右键 pick —— 插件不会跨文件解析变量引用 - 如果项目大量用 Sass/SCSS，
$primary: #3498db同样需要光标落在赋值右侧才可调色
真正麻烦的是嵌套结构里的动态颜色，比如 background: linear-gradient(to right, #f00, var(--secondary)); —— 左边能调，右边还是得手动跳转。这点没法绕开。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
