Sublime中快速插入十六进制颜色代码需安装ColorPicker和ColorHighlighter插件：按Ctrl+Shift+C调出系统取色器点选取色，或配置color_schemes实现#后自动补全预设色。
Sublime 中怎么快速插入十六进制颜色代码
Sublime Text 本身不内置颜色 picker 或自动补全颜色值功能，但通过插件可实现「输入 # 后弹出常用色板」「按快捷键插入当前选中的颜色」「从 CSS/SCSS 文件中提取并复用已定义的颜色变量」。核心依赖的是 ColorHighlighter 和 ColorPicker 这两个插件的组合使用。
实操建议：
- 安装
Package Control后，用Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS）调出命令面板，输入Install Package回车，再搜ColorPicker安装（它自带系统级取色器） - 再安装
ColorHighlighter—— 它负责高亮显示所有#RGB、#RRGGBB、rgb()、hsl()等格式，并支持点击跳转到定义处 - 插入颜色最顺手的方式是：光标定位到需要写颜色的位置，按
Ctrl+Shift+C（默认快捷键），调出系统取色器，点选屏幕任意位置即可插入对应#RRGGBB值 - 若想插入预设色，可手动编辑
ColorHighlighter的配置文件（Preferences → Package Settings → ColorHighlighter → Settings – User），添加"color_schemes": ["#ff6b6b", "#4ecdc4", "#ffe66d"]，之后在输入#后会触发自动补全
为什么 ColorHighlighter 比其他颜色插件更实用
很多用户试过 BracketHighlighter 或 EmoPicker 后放弃，是因为它们要么只高亮不支持插入，要么只支持 emoji 不支持颜色语义。而 ColorHighlighter 的关键优势在于「识别准、响应快、不卡顿」，尤其在大文件中依然能实时高亮几十个颜色而不拖慢编辑器。
注意几个实际影响点：
- 它默认识别
rgba(255, 0, 0, 0.5)、hsl(120, 100%, 50%)、currentColor等现代 CSS 写法，但对var(--primary)这类 CSS 变量不解析——需配合CSS Custom Properties插件才可联动 - 高亮颜色块默认是半透明浮层，若发现颜色显示异常（比如灰蒙蒙看不清），检查是否开启了
"color_highlighter_enable_alpha": true，关掉它能让色块更饱满 - 它不修改原始文本，只是渲染层叠加，所以复制粘贴时不会多出额外字符，这点比某些“注入 span 标签”的高亮方案干净得多
ColorPicker 插件在 Sublime 里打不开怎么办
常见错误信息是：Unable to run program 'gcolor2'（Linux）、Can't find colorpicker.app（macOS）、或 Windows 下点击无反应。本质是插件找不到系统级取色工具，不是插件本身坏了。
