实用工具 · 取色器

Mac 取色器

选取屏幕上的任意像素,并将其颜色拷贝为 HEX、RGB、HSL 或代码。

在你的 Mac 上运行
Mac 上 OneMacTools 中的取色器,附示例文件及其选项

Mac 上的取色器

OneMacTools 中的取色器,已载入示例文件并打开选项面板
取色器,附示例文件及其选项

App 截图,使用的是示例文件。

如何使用取色器

  1. 1

    选择格式

    选择颜色的拷贝格式:HEX、RGB、HSL、CSS rgb() 或 SwiftUI。

  2. 2

    点按“取色”

    会出现放大镜,让你看清每个像素。你也可以从 OneMacTools 菜单栏图标启动它。

  3. 3

    点按颜色

    点按任意屏幕上的任意像素。按 Esc 键取消。

  4. 4

    粘贴

    颜色会按你选择的格式拷贝到剪贴板,窗口中会显示色块和拷贝的内容。

取色器的功能

点按“取色”,然后点按屏幕上的任意位置。颜色会以你选择的格式拷贝,可直接粘贴到 CSS、设计工具或 SwiftUI 中。

适合

  • 匹配网站上的品牌颜色
  • 在设计稿中核对确切的颜色
  • 将颜色拷贝到 CSS 中

选项说明

拷贝为
HEX (#1A73E8)、RGB (26, 115, 232)、HSL (hsl(214, 82%, 51%))、CSS rgb() (rgb(26 115 232)) 或 SwiftUI (Color(red: 0.102, green: 0.451, blue: 0.910))。根据你要粘贴的位置选择对应格式。

最佳实践

  • 大多数设计工具和 CSS 请使用 HEX。它最简短,也最被广泛接受。
  • 如果打算制作更浅或更深的色调,请选择 HSL,因为你只需更改亮度值。
  • 请在远离边缘和文字的纯色区域取色,以免取到混合后的像素。
  • 请从截图或原始图像中取色,而不是从压缩过的视频中取色,因为视频中的颜色会略有偏移。
  • 想一次获取图像中的所有主要颜色?“调色板”能一步全部提取出来。

兼容

输入
任意屏幕上的任意像素。
输出
颜色以文本形式拷贝到剪贴板,窗口中还会显示色块。
  • 颜色以 sRGB 色彩空间给出,这是网页和大多数 App 的标准。
  • 也可以从菜单栏图标使用,或作为名为“从屏幕取色”的快捷指令操作使用。

关于取色器的问题

如何查找 Mac 屏幕上某种颜色的 HEX 代码?

将“拷贝为”设为 HEX,点按“拾取颜色”,再点按要取的颜色。HEX 代码(如 #1A73E8)会被拷贝到剪贴板。

如何在 Mac 上从网站中取色?

打开页面,点按“取色”,然后点按页面上的颜色。适用于任何 App 或窗口,不只是浏览器。

可以将颜色拷贝为 RGB 或 HSL 吗?

可以。取色前在“拷贝为”中选择 RGB、HSL 或 CSS rgb()。RGB 给出 0 到 255 的三个数值;HSL 给出色相、饱和度和亮度。

如何从屏幕上获取 SwiftUI 颜色?

在“拷贝为”中选择 SwiftUI。你会得到一行可直接粘贴的 Color(red:green:blue:),数值范围为 0 到 1。

不打开 App 也能取色吗?

可以。点按菜单栏中的 OneMacTools 图标并选择“取色器”。它会使用你上次选择的格式。

为什么取到的颜色和设计文件略有不同?

颜色会转换为 sRGB,而且屏幕上的图像和视频可能已经过压缩或色彩管理。如需精确数值,请从原始文件中拾取,或在设计工具中查看。

取色器会上传我的文件吗?

不会。取色器完全在你的 Mac 上运行,文件绝不会离开你的 Mac,离线也能用。

取色器会改动我的原文件吗?

不会。结果会存储为新文件,放在“下载 › OneMacTools”中带日期的文件夹里;除非你打开了另有说明的选项,否则原文件会原封不动。

取色器需要什么?

只需一台运行 macOS 26 或更高版本的 Mac,无需安装其他任何东西。

取色器,另有 150 个工具。
一个 App,一个价格。

全部 151 个工具。免费下载,一次付费购买许可证,永久归你所有。