Snipaste取色器

Snipaste 自带取色器：截图状态下鼠标移动到哪，就会实时显示该像素的 RGB 和 HEX 色值，按 C 键一键复制 HEX。对设计师和前端来说，这是最常用的功能之一。

取色是 Snipaste 的隐藏王牌。截图模式下不用截取任何东西，只要把鼠标移到屏幕上任意颜色上，就能看到色值，按 C 复制。下面把这个功能完整讲清楚。

取色器怎么用

按 F1 进入截图模式，此时屏幕上会出现放大镜和色值显示。把鼠标移到你想取色的位置，就能看到该像素的 RGB 色值和 HEX 十六进制色值。

按 C 键，就把当前颜色的 HEX 色值（如 #0080ff）复制到了剪贴板，直接粘贴到代码或设计工具里即可。

整个过程不用点鼠标、不用保存图片，看一眼、按一下 C 就完成了取色，速度快到几乎没有成本。

为什么设计师和前端离不开它

设计师取色配色、前端写样式时取页面颜色，都需要快速拿到准确的色值。Snipaste 的取色器不用打开任何专门工具，随按随取。

相比浏览器开发者工具或专业取色软件，Snipaste 的取色更轻、更快，一个 F1 就进入取色状态。

尤其在做网页仿版、设计还原时，从参考图里快速取色，能省下大量来回切换工具的时间，是效率利器。

RGB 和 HEX 都能拿到

Snipaste 取色时同时显示 RGB（红绿蓝三通道）和 HEX（十六进制）两种格式。

HEX 适合前端写 CSS，RGB 适合设计软件和部分场景，两种都能直接复制使用。

两种格式同时显示，意味着你不用再做换算，需要哪种拿哪种，省去了手动转换的麻烦。

取色和截图的关系

取色是截图模式下的一个附加能力，你可以在「截取一个区域」的同时顺便读取颜色，两者不冲突。

如果只想取色不想截图，进截图模式后看完色值按 Esc 退出即可。

所以取色不需要「专门打开取色功能」，它就在截图模式里，顺手就能用，这也是它设计巧妙的地方。

取色器的进阶用法

配合贴图功能，你可以先把一张参考图贴到屏幕上，再用取色器从参考图里取色，实现「对着参考图取配色」。

这在做设计还原、网页仿版时非常实用。

具体做法：F3 把参考图贴上 → F1 进入截图模式 → 鼠标移到参考图的颜色上 → 按 C 复制，一条龙完成取色。

取色的几个小细节

取色时屏幕上的放大镜会放大鼠标周围的像素，方便你精确对准某一个像素点。

如果颜色在移动的界面上（比如视频），取色结果会随画面变化，取静止界面更准。

按 C 复制的是 HEX，如果你需要 RGB，看一下显示值手动记下即可，两种格式屏幕上都有。

取色的几个常见疑问

取色结果为什么和我看到的颜色不一样？多数是显示器色温和亮度设置影响了显示，取色器读的是像素真实值，以取到的 HEX 为准即可。

能取到渐变中间的颜色吗？可以，把鼠标停在渐变的某个位置，放大镜会帮你对准具体像素，多试几个点就能拿到想要的色值。

复制的是 HEX，想要 RGB 怎么办？截图模式下屏幕上会同时显示 RGB 和 HEX，记下 RGB 即可，或把 HEX 贴到设计工具里自动换算。

常见问题

Snipaste 怎么取色？

按 F1 进入截图模式，鼠标移到目标颜色上，按 C 复制 HEX。

Snipaste 取色显示什么？

同时显示 RGB 和 HEX 色值。

取色需要截图吗？

不需要，看完色值按 Esc 退出即可。