Snipaste 取色器怎么用

snipaste pic (32)

怎样从屏幕上把颜色准确拿下来,并复制成能直接用的色值

截图是把一块画面留下来,标注是把重点画出来,取色是把某一个像素的颜色变成可复制的数字。做界面、对稿、写样式、调主题时,这一步比再截一张图更直接。本文只讲取色,不混入标注、文字识别或版本对比。

先记住取色在 Snipaste 里不是单独再开一个软件,而是截图状态里的一项能力。进入截图后,鼠标指向哪里,就能看到那里的颜色;再按复制颜色的键,色值就进剪贴板。很多人以为一定要先框选再取色,其实取色看的是鼠标下那一个像素,和最终截多大一块图不是同一件事。

一、取色前先确认三件事

第一,程序已在后台运行。托盘图标不在,截图进不去,取色也就无从开始。Windows 看通知区域,macOS 看菜单栏。

第二,屏幕已经显示出目标颜色。要取的是按钮背景、一段文字、一条边框,还是设计稿里的色块,先把这一页翻到完全静止。页面还在滚动、动画还在闪,取到的可能是过渡帧,不是你以为的那个色。

第三,知道自己稍后要哪一种色值。常见是十六进制和 RGB。写网页、改主题、给设计工具填色,多数情况用十六进制;和印刷或某些图像软件对接时,才更常看 RGB。Snipaste 能显示并复制多种格式,先想好出口,避免复制完还要再转一次。

二、最稳妥的取色步骤

按截图快捷键进入遮罩,不要急着拖选区。把鼠标慢慢移到目标颜色上,看屏幕上的放大镜或信息条。放大镜会把当前像素附近放大,信息条会显示颜色值。确认放大镜中心对准的就是那一个像素,而不是旁边差一点点的抗锯齿边。

对准之后,按取色快捷键复制。默认环境下,截图状态中按 C,就会把当前像素的颜色复制到剪贴板。复制成功后,可以继续截图,也可以按 Esc 退出截图。到文本框或样式表里粘贴,应能看到一串色值。

这就是一次完整取色:进入截图、对准像素、按 C、粘贴检查。四步都能走通,取色就算可用。不要把“取色”理解成必须保存一张图。图可以不截,色值照样能拿走。

三、怎样对准,才不会取到脏颜色

屏幕上的颜色很少是一块纯色一刀切。按钮边缘有阴影,文字周围有抗锯齿,图片被压缩后会渗色。鼠标停在边缘上,取到的往往是混合色,看起来“差不多”,填回设计里却偏灰、偏粉或偏暗。

正确做法是把指针放到色块内部,离开边缘至少几个像素。放大镜就是为这个准备的。进入截图后先看放大镜中心的那一格,颜色稳定、和周围一致,再按 C。不要用肉眼在正常缩放的桌面上“感觉对准了”。

取文字颜色时,不要点在笔画边缘。点在笔画最实、最中间的位置。浅色细字尤其容易取成背景和前景的混合物。取背景色时,避开文字、图标和分隔线,找一块足够大的平坦区域。

如果目标本身就是渐变,不要指望一个色值代表整段渐变。先决定要的是中间色、最深色还是最浅色,再分别取。把三个值都记下,比只取一个中间色事后再猜更准确。

四、取到的颜色能用在哪里

最常见的用法是粘进代码或设计面板。复制后直接粘贴到颜色输入框。如果对方只接受不带井号的值,或只接受大写,再按目标软件的规则改一下即可,不必重新取色。

第二种用法是把颜色变成贴图。剪贴板里如果已经是颜色信息,按贴图快捷键,桌面上可以钉出一块色卡。做主题对照时,把主色、辅色、文字色各钉一张,放在屏幕边上,改界面时不用反复进截图。色卡可以缩放、调透明,用法和普通贴图一样。

第三种用法是连续取多个颜色。取完一个,先粘贴到记事本或文档里占一行,再回到截图取下一个。不要指望脑子记住三四个十六进制。色值一旦离开屏幕,记忆非常不可靠,写下来才算真正取到。

五、同一块界面里,建议按这个顺序取

先取面积最大的背景,再取卡片或容器背景,再取主按钮,再取文字,最后取边框和分割线。这个顺序符合大多数界面的层次,回填时也不容易漏。

每一层取完,立刻在文档里写成四列:用在哪里、色值、从哪一块取的、是否确定纯色。例如“顶栏背景、某色值、顶栏中部避开图标处、纯色”。以后稿件改版,对得上记录,就不用整页重新取。

遇到状态变化的颜色,要分开取。按钮的默认、悬停、按下、禁用,看起来都是“那个蓝”,实际不是同一个值。把鼠标悬停上去再进入延时截图,或先让状态停住再取,不要只取默认态就以为整套按钮颜色齐了。

六、取色结果和预期不一致时,从这几处查

粘贴出来不是色值,而是一张图。说明刚才复制走的是截图,不是颜色。多半是按成了回车或 Ctrl + C,而不是取色键。重新进入截图,对准后按 C,再粘贴检查。

色值有了,但填回去明显偏色。先看是不是取在边缘或阴影上。再看目标软件是不是工作在不同色域,或者开了夜间模式、滤镜、护眼色。系统级夜间模式会改变你看见的颜色,取到的是“屏幕当下呈现的值”,不一定等于设计稿原始值。取设计稿时,尽量关闭滤镜和额外的色彩增强。

同一块颜色,取两次结果差一点点。指针可能微移了,或画面在刷新。把鼠标停稳,用放大镜确认中心格不再变化,再复制。必要时用键盘微移光标,比手抖更稳。

取到的格式不是自己要的那种。到首选项里查看颜色格式相关选项,把常用格式设成默认。先固定一种日常格式,需要另一种时再转换,比每次复制完都去辨认格式更省事。

多屏或高分屏上取色感觉不准。先确认截图已经覆盖到那块屏幕,指针确实在目标屏上。缩放比例不是 100% 时,更要看放大镜中心格,不要看桌面上的“大概位置”。

七、取色和截图、贴图怎样配合,才不乱

只需要色值时,取完按 Esc 退出即可,不必保存图片。既需要色值、又需要那一块界面当参考时,先取色并粘贴保存色值,再框选区域送到贴图。顺序不要反。先截成图再从那张图里“用眼睛估色”,精度会掉一截。

需要把色卡长期留在桌面上对照,就用颜色贴图,不要反复截一个色块的照片。色卡的本质是颜色数据,不是图片细节,用贴图更干净。

给别人供色时,同时给色值和一小块来源图。只给色值,对方不知道你取的是按钮还是背景;只给图,对方还得再取一次。两样一起给,返工最少。

八、哪些颜色不该直接当最终稿

一张压缩过的截图、一张相机拍屏、一张带滤镜的预览,上面的颜色只能当参考,不能当规范。规范色应尽可能从原始设计稿、组件库或软件未压缩的界面里取。

透明和半透明也不要当普通实色处理。取色拿到的是当前看到的结果色,已经和底下内容混合。若真正需要的是图层自己的透明度,应回到设计文件里看原始参数,而不是从合成后的屏幕上反推。

投影、内阴影、玻璃拟态这些效果,表面都在“变色”,其实是结构和透明度在变。只取一个表面色,还原时一定不像。先判断目标是不是纯色填充,再决定取一个值还是记录效果本身。

九、怎样判断自己已经会取色了

能独立完成下面四件事,取色就算过关。

第一,进入截图后能对着放大镜对准一个像素,而不是对着整块按钮瞎点。第二,按取色键后,到文本框粘贴能稳定得到色值,而不是又得到一张图。第三,知道边缘、抗锯齿、夜间模式会让颜色变脏,并会避开它们。第四,能把取到的色记下来,或钉成色卡,而不是取完就靠记忆。

取色的核心不是记住很多快捷键,而是承认屏幕上的颜色是像素级的。对准、复制、记录,三步做实,后面在标注和写样式时才用得上这些数。文字识别是把图里的字拿出来,和把像素变成色值不是同一件事,需要时再单独看。