color-picker 默认不支持 rgba/hexa 输出，需在设置中启用 opacity 选项并重启 atom，同时将 format 设为 rgba 或 hexa，且勾选 auto replace 才能实现颜色值的正确替换与输出。
Color-Picker 默认支持 RGBA 与 HEX 转换，但必须显式启用透明度滑块并确认 format 设置，否则选中颜色后仍只输出不带 alpha 的 HEX（如 #ff0000），不会变成 #ff000080 或 rgba(255,0,0,0.5)。
启用 opacity 滑块才能触发 RGBA/HEXA 输出
插件默认关闭透明度控制，即使你手动输入 rgba() 或 #RGBA 格式，界面也不会显示 alpha 滑块，后续转换也忽略 alpha 通道。
- 打开 Settings > Packages >
color-picker> Settings - 勾选
Opacity（不是“Auto Replace”或“Abbreviate Color Values”） - 保存后需完全退出 Atom 再重开——该设置不热更新
- 启用后，面板右下角会出现透明度滑块，且输入框自动切换为
HEXA或RGBA格式（取决于当前 format 设置）
format 参数决定默认输出格式，但不阻止手动输入其他格式
format 只控制面板初始显示和点击复制时的默认格式，不影响解析能力。它不禁止你输入 hsl(120, 100%, 50%, 0.7)，但会影响“一键复制”行为。
- Settings > Packages >
color-picker> Settings 中，Format下拉菜单可选：hex、rgb、hsl、hsv等 - 若设为
hex，则复制按钮输出#ff0000；设为hexa，才输出#ff000080 - 设为
rgb时，即使启用了Opacity，复制结果仍是rgb(255,0,0)—— alpha 不会自动追加；只有设为rgba才输出rgba(255,0,0,0.5) - 注意：
hexa和rgba是两个独立选项，不能靠“启用了 opacity”就自动获得 alpha 输出
Auto Replace 开关影响是否覆盖光标处文本
很多人以为“选了颜色没反应”，其实是 Auto Replace 关着，插件只改了面板值，没动代码里的原始颜色字面量。
- Settings > Packages >
color-picker> Settings 中，务必勾选Auto Replace - 它只替换当前光标所在位置或选中的颜色文本（如
#fff、red、rgb(255,0,0)），不匹配变量名（如$primary） - 若选中的是 Sass 变量（如
$accent），需确保已安装language-sass且插件能解析上下文——此时 Auto Replace 不生效，但可点击跳转定义 - 搭配
Abbreviate Color Values：勾选后#ff0000→#f00，但#ff000080不会缩写成#f008（该缩写不合法），所以 RGBA 场景建议不勾选此项
常见失效场景：快捷键冲突 + 样式未加载 + 旧版残留
配置全开却仍无法输出 RGBA，大概率卡在这三个环节，而不是插件本身不支持。
- 快捷键被截胡：默认
ctrl+shift+c（Win/Linux）或cmd+shift+c（macOS）常被系统截图、iTerm、VS Code 占用；进File > Keymap改成ctrl-alt-c或cmd-alt-c，改完必须完全退出 Atom - Saturation.less 未生效：放大面板不是为了好看，而是让透明度滑块有足够拖拽空间；路径必须是
~/.atom/packages/color-picker/styles/extensions/Saturation.less，改@size-saturation: 200px→350px，保存后仍需完全退出 Atom - 旧版残留干扰：若曾手动
git clone过 color-picker，先删掉~/.atom/packages/color-picker目录，再通过 Atom Settings 页面重新安装官方版本，否则自定义样式和命令可能被旧文件覆盖
真正麻烦的不是配置项多，而是每个开关都依赖 Atom 完全重启才生效，且错误不报错——它就静静显示一个 200px 宽的黑底小圆盘，让你以为功能坏了。
