取一个像素，交付一整套色彩系统。

Mac 屏幕取色器

用一个全局快捷键检查屏幕上的任意像素，复制可直接投产的 HEX、OKLCH 或 SwiftUI 代码，并生成完整的 Tailwind 50–950 色阶。私密、本地优先。

免费 · 可选 Pro 解锁 macOS 13+无需账号English & 简体中文

前往下载 Mac App Store 支持

#4AA8FF rgb(74, 168, 255)

⌃ ⌥ C

01 — 捕捉

任何像素，都能取。

菜单栏或可自定义的全局快捷键（默认 Control + Option + C）把放大镜放到光标下。看清那个像素，然后复制。临时的预览像素在选择器关闭时即被丢弃。

默认复制 #RRGGBB —— 其余一键切换

源颜色

Tailwind 色阶 50–950 Signal Blue

02 — 体系化

把一个颜色变成一套体系。

从任意取到的颜色生成完整的 50–950 色阶。命名 token、指派语义角色、打标签、检查 WCAG 对比度 —— 只有你确认后才保存到本地工作区。

03 — 交付

交付到任何地方。

导出 CSS 自定义属性、SwiftUI、Tailwind 配置或 JSON，也可以用支持合并与替换的 PixelSpy 归档。你的颜色，你的格式，你的 Mac。

:root {  --brand-50: #04121f;  --brand-100: #0a2a45;  --brand-200: #155d99;  --brand-300: #2a8fd4;  --brand-400: #5fb0ea;  --brand-500: #8ec8f4;  --brand-600: #bcdff9;  --brand-700: #dbeefb;  --brand-800: #edf6fd;  --brand-900: #f8fbfe;  --brand-950: #ffffff;}

extension Color {  static let brand = Brand()  struct Brand {    let shade50 = Color(red: 0.016, green: 0.071, blue: 0.122)    let shade100 = Color(red: 0.039, green: 0.165, blue: 0.271)    let shade200 = Color(red: 0.082, green: 0.365, blue: 0.600)    let shade300 = Color(red: 0.165, green: 0.561, blue: 0.831)    let shade400 = Color(red: 0.373, green: 0.690, blue: 0.918)    let shade500 = Color(red: 0.557, green: 0.784, blue: 0.957)    let shade600 = Color(red: 0.737, green: 0.875, blue: 0.976)    let shade700 = Color(red: 0.859, green: 0.933, blue: 0.984)    let shade800 = Color(red: 0.929, green: 0.965, blue: 0.992)    let shade900 = Color(red: 0.973, green: 0.984, blue: 0.996)    let shade950 = Color(red: 1.000, green: 1.000, blue: 1.000)  }}

// tailwind.configtheme: {  extend: {    colors: {      brand: {        50: "#04121f",        100: "#0a2a45",        200: "#155d99",        300: "#2a8fd4",        400: "#5fb0ea",        500: "#8ec8f4",        600: "#bcdff9",        700: "#dbeefb",        800: "#edf6fd",        900: "#f8fbfe",        950: "#ffffff",      },    },  },}

{  "palette": "Signal Blue",  "source": "#2A8FD4",  "shades": {    "50": "#04121f",    "100": "#0a2a45",    "200": "#155d99",    "300": "#2a8fd4",    "400": "#5fb0ea",    "500": "#8ec8f4",    "600": "#bcdff9",    "700": "#dbeefb",    "800": "#edf6fd",    "900": "#f8fbfe",    "950": "#ffffff"  }}

功能

为交付色彩的人而生

设计系统

从屏幕任意像素起步，种下一套 token。

应用主题

SwiftUI 与 UIColor 输出，感知 Display P3。

Web 开发

一个快捷键，拿到 Tailwind 50–950 色阶。

可访问性

在定稿之前检查 WCAG 对比度。

价格

免费起步，按需升级。

免费

菜单栏应用与全局快捷键
放大镜与像素取样
HEX、RGB、HSL 复制
Display P3 感知取色
无限本地历史、搜索、收藏与备注
自定义快捷键、登录项与复制行为

PixelSpy Pro — 一次性解锁

$9.99

50–950 色阶生成
OKLCH、SwiftUI、UIColor、NSColor、Tailwind token 与 Lab
WCAG 对比度检查
项目、token 命名、语义角色与标签
导出 JSON、CSS、SwiftUI、Tailwind 或 PixelSpy 归档
重复值与 token 冲突检查

应用内解锁标价为 US$9.99。本地价格与税费以 Apple 购买弹窗显示为准。不是订阅。

价格以 Apple 购买弹窗在购买前显示的为准。应用内提供「恢复购买」。

隐私

没有账号，没有云端工作区。
屏幕录制权限只用于读取你选中的像素 —— 屏幕内容从不上传。
历史、项目与备注都留在这台 Mac 上。

阅读隐私政策

FAQ

常见问题

PixelSpy 为什么需要「屏幕录制」权限？

macOS 规定任何读取屏幕像素的应用都需要该权限。PixelSpy 只用它读取你选中的像素，不录制视频或音频，也不上传屏幕内容。

我的数据存在哪里？

取色历史、项目、备注、标签与偏好设置都保存在你的 Mac 上。PixelSpy 没有账号，也没有云同步。导入导出只使用你在 macOS 文件选择器里选中的文件。

支持哪些 macOS 版本？

PixelSpy 需要 macOS 13（Ventura）或更高版本。

支持哪些语言？

App Store 页面提供英文与中文。系统语言为简体中文时显示简体中文界面。

PixelSpy 会收集崩溃报告吗？

PixelSpy 可能使用 Firebase Crashlytics 收集崩溃报告（仅用于稳定性，不用于广告）。报告可能包含的内容见隐私政策。

退款如何办理？

购买由 Apple 处理。请通过 reportaproblem.apple.com 申请退款，我们无法自行发放 App Store 退款。

在 Mac 上取下一种颜色

免费下载，Pro 为一次性买断。没有订阅，也没有账号。

前往下载 Mac App Store 免费 · 可选 Pro 解锁

工作室的其他应用

DoseBell 私密用药提醒

Lightning Voice iPhone 语音提醒

Markloom Mac 上的 PDF 与 Markdown 工作台

Tandem Names 两个人的起名应用