嗨，我来帮你梳理WebStorm里调用CSS颜色选择器的实用操作，不同场景下选对应的方式更高效：

• 直接点击颜色预览块
  当你的光标定位在CSS颜色值上（比如十六进制#3498db、颜色名称red、RGB值rgb(52, 152, 219)），WebStorm会自动在这个值旁边显示一个小的颜色预览方块。直接点击这个方块，就能立刻弹出颜色选择器，选完颜色后原代码会自动更新。
  举个例子：你写了background: #f1c40f;，光标放在#f1c40f上，点击右侧的黄色小方块，就能打开选择器调整颜色。

• 使用快捷键快速调出
  如果你还没输入颜色值，或者想快速插入颜色，可以用快捷键：

  • Windows/Linux：Ctrl+Shift+C
  • Mac：Cmd+Shift+C
    比如你刚写完color: ，光标停在冒号后面，按下快捷键就能直接弹出颜色选择器，选好颜色后会自动插入到光标位置。

• 通过右键菜单打开
  记不住快捷键的时候，右键点击编辑区域，在弹出的菜单里找到Show Color Picker选项，点击它也能打开颜色选择器。

• 针对预处理器变量的场景
  如果你在写SCSS/Less的颜色变量（比如$primary: #2ecc71;），光标定位到变量的颜色值上，同样可以点击旁边的颜色预览块打开选择器，修改后变量值会同步更新，非常方便。

内容的提问来源于stack exchange，提问作者Lev