Pika 开源颜色选择器macOS 屏幕取色实操教程【免费下载链接】pikaAn open-source colour picker app for macOS项目地址: https://gitcode.com/gh_mirrors/pika/pika你可能遇到过这种场景设计稿就摆在眼前却需要拿到精确的色值。用系统工具取一下再手动抄数字来回切换很繁琐。macOS 上的开源颜色选择器Pika就是为这类问题做的一个快捷键就能取到屏幕任意像素的颜色。Pika 项目定位一句话定义Pika 是一款 macOS 开源颜色选择器免费且可修改支持屏幕取色、七种格式转换与对比度合规检查。它适合设计师、前端开发以及所有经常要处理色值的人。Pika 窗口内的色彩渐变纹理用于预览取色结果在实际使用中的色彩效果。 Pika 安装步骤与首次取色安装。终端执行brew install --cask pika即可。想改源码的话用git clone https://gitcode.com/gh_mirrors/pika/pika克隆仓库再用 Xcode 打开Pika.xcodeproj编译运行。系统要求 macOS 14 及以上。启动。Pika 默认常驻菜单栏点一下眼睛图标窗口就会出现。取色。按 ⌘D 进入取色模式光标移到目标像素上单击。拿到结果。取到的色值立刻显示在界面上按 ⌘C 复制到剪贴板。四步走完整个流程就通了。后面你只要记住两个键⌘D 取色⌘C 复制。Pika 实战场景从设计稿取色设计稿开在浏览器里你想要那个精确的紫色。⌘D 取前景色⌘⇧D 取背景色两个位置都能点得准。取错位置也不用重来⌘Z 撤销、⌘⇧Z 重做。HEX 与 RGB 互转设计稿给的是 RGBCSS 里却只认HEX不用再去查换算表。同一个颜色支持 Hex、RGB、HSB、HSL、LAB、OpenGL、OKLCH 七种格式显示按 ⌘1 到 ⌘7 即时切换比如 ⌘1 显示 Hex、⌘2 显示 RGB。换算逻辑写在Pika/Extensions/NSColorHex.swift里。Pika 附带的色彩纹理与内置色彩预览风格一致适合并排对比两个相近的颜色。WCAG 对比度合规检查文字和背景看着顺眼对低视力用户是否友好Pika 内置对比度检查会算出两个颜色的比例按WCAG的 3:1、4.5:1、7:1 三档阈值判断也支持 APCA 标准。按 C 键展开合规面板是否达标一眼可见。检查逻辑在Pika/Extensions/WCAGCompliance.swift。Pika 进阶技巧 复用颜色历史记录取过的颜色不会丢。每次取色都会自动记入历史按 H 打开历史面板点击即可再次使用避免同一个色值重复取一遍。调整默认颜色格式显示格式默认是 Hex复制样式默认是 CSS 写法。不顺手的话在偏好设置里⌘,改一下就行。所有默认值集中在Pika/Constants/Defaults.swift读这一个文件就能大致看懂 Pika 的各项配置。Pika 开源颜色选择器适合经常和色值打交道的人设计师从稿子里取色、前端工程师往样式表里贴值、刚学设计的同学拿它练手都可以。它是那种安安静静放在菜单栏的小工具。项目是开源的遇到问题可以提 Issue想加功能也欢迎直接提交代码。装上之后取色这件事会变得快很多。【免费下载链接】pikaAn open-source colour picker app for macOS项目地址: https://gitcode.com/gh_mirrors/pika/pika创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考