pika

一款让设计师「偷颜色」变得优雅的开源取色器

做设计的时候，你一定遇到过这种场景：看到一张好看的图片、一段 UI 界面、甚至一行代码里的配色，想把它「拿」过来用。传统的做法是打开截图工具、放大、凭感觉在调色板里找——精度差、效率低，心情也跟着烦躁。

Pika 就是来解决这个问题的。它是 macOS 上一款开源原生取色器，只需一个快捷键，就能在屏幕任意位置精准拾取颜色，然后以你需要的格式（HEX、RGB、HSB、HSL、LAB、OKLCH……）复制到剪贴板。整个过程不到 1 秒，手指无需离开键盘。

图 1：Pika 应用图标——一只眼睛映照多彩背景

背景：从一个「痛点」孵化出的产品

Pika 由独立开发者 superhighfives 创建，GitHub 累计获得超过 2400 颗 stars，2022 年入选 Product Hunt Golden Kitty Awards Hall of Fame。这个项目最初并没有宏大的愿景，开发者只是想做一个「比 macOS 内置取色器更好用」的工具。

macOS 其实自带取色器（Digital Colour Meter），但它有几个明显的局限：只能显示单一格式、无法自定义快捷键、不支持历史记录、界面简陋。Pika 在这些痛点上逐一改进，最终形成了一款让设计师愿意专门安装、而非只用内置工具的产品。

核心功能：七种格式，随心切换

Pika 最大的亮点是格式切换的效率。支持 HEX、RGB、RGB百分比、HSB、HSL、LAB、OKLCH 七种色彩格式，通过 ⌘+数字键 1-7 直接切换到目标格式，再按 ⌘+C 复制。整个过程手指不需要移动到鼠标或触控板。

具体快捷键覆盖：

• ⌘+D：拾取前景色
• ⌘+⇧+D：拾取背景色
• ⌘+C：复制当前颜色
• ⌘+⇧+C：交换前景/背景色
• ⌘+Z / ⌘+⇧+Z：撤销/重做

此外，Pika 还支持 URL Scheme（pika://），这意味着可以从 Alfred、Keyboard Maestro、Shell 脚本、甚至浏览器书签栏直接触发取色操作。对于有自动化需求的设计师来说，这是非常大的加分项。

图 2：Pika 界面——支持深色/浅色模式切换

技术实现：SwiftUI + Metal 的原生力量

从代码结构来看，Pika 是一个标准的现代 macOS 应用：

架构分层：

• Views/：UI 视图层（ContentView、PreferencesView、ColorPickOverlay 等 30+ 个 SwiftUI 视图）
• Services/：核心服务层（Eyedroppers 取色引擎、ColorPickOverlayWindow 拾色窗口、Exporter 格式导出、URLSchemeHandler 自动化）
• Extensions/：色彩计算扩展（NSColor+Hex、NSColor+HSL、NSColor+Lab 等，涵盖 WCAG 和 APCA 无障碍对比度计算）
• Metal/：GPU 加速着色器（MetalShader.metal + MetalShader.swift，利用 Metal 并行计算像素色彩）
• TouchBar/：TouchBar 集成
• Assets/：多语言本地化资源（支持中文简体/繁体、日语、德语、法语、西班牙语等 9 种语言）

技术亮点：

1. SwiftUI + AppKit 混合架构：SwiftUI 用于声明式 UI，AppKit 处理底层窗口管理（ColorPickOverlayWindow）
2. Metal GPU 加速：取色时利用 MetalShader 做像素级并行计算，提升大屏取色性能
3. ScreenCaptureKit：macOS 14+ 原生屏幕捕获框架，精准区域取色
4. ColorSync 框架：保证跨显示器色彩空间一致性
5. 无障碍支持：集成 VoiceOver 支持、WCAG/APCA 对比度合规检测（ComplianceToggle）
6. SwiftLint/SwiftFormat：自动化代码质量检查

CI 方面使用 GitHub Actions，运行在 macOS 15 虚拟机上，执行 Xcodebuild 单元测试，确保每次 PR 的构建质量。

安装门槛：极低，但有平台限制

这是 Pika 的「甜蜜点」——安装极其简单：

brew install --cask pika

或者从官网 superhighfives.com/pika 下载 DMG 手动安装。最低要求 macOS 14 Sequoia及以上，系统占用不到 100MB，不需要任何配置，下载即用。

但必须说明的局限：这是一款 macOS 原生应用，不支持 Windows 和 Linux。对于跨平台团队来说，这意味着 Windows 同事无法体验。对于开发者来说，Pika 没有 Docker 部署方案——因为它本身就不是服务端产品，而是一个工具应用，这个局限可以理解。

无障碍合规：不只是「能用」

Pika 有一个容易被忽视的细节：它在代码层面内置了 WCAG 2.1 AA 和 APCA（Advanced Perceptual Contrast Algorithm） 对比度合规性检查。用户可以打开 ComplianceToggle，在拾取颜色的同时看到当前颜色组合是否满足无障碍标准。这对于做 UI 设计、同时需要兼顾无障碍规范的开发者来说，是非常贴心的功能。

行业意义：小工具的大价值

取色器是一个看似「没有技术含量」的赛道，但实际上用户对精度、速度、格式覆盖的需求从未降低。Figma 的内置取色插件、Sketch 的 Color Sync、macOS 的 Digital Colour Meter……这些工具都在迭代，但 Pika 证明了独立开发者依然有机会在这个细分领域做出比大厂更好用的产品。

2400+ stars 背后，不是靠花哨的营销，而是靠真实的痛点解决。对于 AI 爱好者来说，Pika 的 Metal 着色器代码也是理解「GPU 并行计算在色彩处理中的应用」的优质参考。

一句话总结：如果你在 macOS 上做设计或开发，Pika 值得在你的菜单栏常驻。