Mac 上的取色器:吸取颜色,复制代码
网页上、设计稿里、照片中的某个颜色,你想知道它的代码:macOS 没有为此设置全局快捷键,但工具是现成的。下面介绍如何吸取屏幕上任意像素的颜色并复制它的十六进制代码,从最手动的方法到最快的方法。
要点速览
- 数码测色计(应用程序 › 实用工具):把指针悬停在颜色上,然后按 ⇧ ⌘ C,将颜色值拷贝为文本。
- 要十六进制:选取显示 › 值显示为,再选择十六进制;用于网页的颜色,请选择 sRGB 色彩空间。
- 在任何会打开 macOS“颜色”窗口的应用中(文本编辑、Pages 文稿、Keynote 讲演):窗口里的放大镜可以吸取屏幕上任意位置的颜色。
- Tack+:点一下吸管,再点一下像素,
#RRGGBB代码就进了剪贴板。
使用数码测色计
每台 Mac 都自带数码测色计,位于应用程序 › 实用工具。它会持续显示指针下方的颜色。
- 打开数码测色计,在弹出式菜单中选择色彩空间:用于网页或应用的颜色,选 sRGB。
- 要以十六进制读取代码:选取显示 › 值显示为,再选择十六进制。
- 把指针放在想要的颜色上,然后选取颜色 › 将颜色拷贝为文本,或按 ⇧ ⌘ C,期间不要移动鼠标。
两个实用的快捷键:⌘ L 锁定取样区域,之后就可以移动指针;⌥ ⌘ C 将颜色拷贝为图像,即一个小方块色样。
不便之处在于:你得先打开这个应用、对准,并在按快捷键时保持指针不动。而且数值取决于色彩空间:同一个像素,在 sRGB 和 P3 下给出的代码并不相同。
使用 macOS“颜色”窗口
在会打开系统“颜色”窗口的应用中,例如文本编辑(格式 › 字体 › 显示颜色)、Pages 文稿、Keynote 讲演以及其他许多应用,窗口里的放大镜可以吸取屏幕上任意位置的颜色。接着在“颜色滑块”中切换到 RGB 模式,就能看到它的十六进制代码,可以选中并拷贝。
如果你正好在用这些应用,这很方便;如果你只想要一个代码,就有些绕了。
用 Tack+,一键取色
Tack+ 把你的 Mac 收进屏幕边缘的一条细线:把光标推向边缘,面板就会打开。面板的工具区里有一个吸管。
- 打开面板,点按吸管。
- macOS 的放大镜随即出现:点按你想要的像素,屏幕上任意位置都可以。
- 代码会以大写十六进制(
#F5F0E6)复制好:按 ⌘ V 粘贴即可。
和所有复制内容一样,这个代码也会进入 Tack+ 的剪贴板历史:昨天取过的颜色还在,品牌色板里的颜色也可以固定下来。
同一排工具里还有区域截图、专注计时器和便签。
三种方法,并排对比
| 数码测色计 | macOS 颜色窗口 | Tack+ | |
|---|---|---|---|
| 如何开始 | 在“实用工具”中打开该应用 | 打开一个带颜色窗口的应用 | 把光标推向边缘 |
| 如何取色 | 对准,然后按 ⇧ ⌘ C | 放大镜,点按 | 放大镜,点按 |
| 十六进制代码 | 支持,需先设置 | 支持,RGB 模式 | 支持,立即复制 |
| 颜色历史 | — | 手动保存的颜色 | 在剪贴板历史中 |
常见问题
Mac 有自带的取色器吗?
有:应用程序 › 实用工具里的数码测色计可以读取指针下方的颜色;在使用 macOS“颜色”窗口的应用中,这个窗口也带有一个取色放大镜。
在 Mac 上怎么复制颜色的十六进制代码?
在数码测色计中,将数值设为以十六进制显示(“显示”›“值显示为”),把指针悬停在颜色上,然后按 ⇧ ⌘ C。用 Tack+ 的话,先点吸管、再点像素,就能直接复制 #RRGGBB 代码。
为什么同一个像素会得到不同的代码?
因为代码取决于色彩空间:数码测色计可以显示显示器的原生值,也可以显示 sRGB、P3 等色彩空间下的值。用于网页时,请以 sRGB 读取。
Tack+ 的吸管在屏幕上任何位置都能用吗?
可以:它使用 macOS 的取色放大镜,在任何应用中的任何像素上都能用。