直接安装 color-picker 插件并修改快捷键为 ctrl-alt-c（Windows/Linux）或 cmd-alt-c（macOS），重启 Atom 后再将 Saturation.less 中 @size-saturation 改为 350px 并完全退出重开即可解决界面过小与快捷键冲突问题。
直接装 color-picker 插件就行，但默认太小、快捷键易冲突
Atom 官方插件市场里搜 color-picker 能装，但别急着点 Install —— 它默认界面只有 200px 宽，调色盘挤得看不清，尤其选 rgba 时拖动不精准。更关键的是，它的默认快捷键 ctrl+shift+c（mac 是 cmd+shift+c）和很多终端/截图工具冲突，一按就弹不出取色器。
- 推荐改快捷键：进
File > Keymap，加这行：'ctrl-alt-c': 'color-picker:open'（Windows/Linux）或'cmd-alt-c': 'color-picker:open'（macOS） - 必须重启 Atom 才生效，改完不重启等于没改
- 如果之前装过旧版或手动 clone 过，先去
~/.atom/packages/color-picker删掉再重装，否则样式覆盖可能失效
放大取色盘：改 Saturation.less 里的 @size-saturation
原生尺寸只够看色相环，但实际开发中要调透明度、微调明度，小面板根本没法精细操作。改样式是最轻量、最稳定的方式，比装一堆“增强版 fork”靠谱得多。
- 路径是：
~/.atom/packages/color-picker/styles/extensions/Saturation.less - 找到这行：
@size-saturation: 200px;，改成@size-saturation: 350px;（350 是实测兼顾清晰度和不遮挡代码的平衡值） - 别改错文件：不是
index.less，也不是color-picker.less；改错位置不会报错，但也不起作用 - 改完保存，必须完全退出 Atom（不是关窗口），再重新打开才加载新样式
为什么不用 pigments 替代？它不能“选”，只能“看”
pigments 确实能在代码里渲染颜色块，但它本质是个“只读预览器”——你点不了、拖不了、输不了 alpha 值，也不能把选中的颜色一键插入到光标位置。而 color-picker 支持点击复制 HEX、RGB、HSL，还能按住 Alt 拖动吸管取色，适合真正在写 CSS 或 Vue style 的场景。
- 两者可以共存，
pigments显示背景色，color-picker负责交互选色 - 如果装了
pigments后color-picker颜色显示异常，关掉pigments的Mark Color Variables选项即可，避免 CSS 变量解析干扰 -
pigments在大型项目里会明显拖慢 Atom 启动速度，color-picker则完全无影响
常见失败现象：按快捷键没反应？先查这三件事
不是插件坏了，大概率是 Atom 的命令绑定被覆盖或未加载。尤其在装过 vim-mode、platformio-ide-terminal 或自定义过 keymap.cson 的用户中高频出现。
- 按
Ctrl+Shift+P（macCmd+Shift+P），输入color-picker:open，看命令是否出现在列表里；不在 = 插件根本没加载成功 - 检查
Atom > Packages页面，确认color-picker状态是 Enabled，不是灰色 Disabled - 打开
View > Developer > Toggle Developer Tools，切到 Console 标签页，如果有Failed to load package 'color-picker'报错，基本是 npm install 失败或 Node 版本不兼容（Atom 1.60+ 推荐用 Node 14+ 构建）
