Detailed Explanation of Color Picker and Management Tool for Mac
爱上MAC
57
Pikka 是一款专为 macOS 设计的专业色彩拾取与调色板管理工作者和高效的管理功能和颜色值(如 HEX、RGB)。
- 取色器面板:启动应用后,屏幕中央会出现一个核心十字准星用于精准定位像素。放大镜,中快捷键和颜色值(如 HEX、RGB)。
- 主控制窗口:通过菜单栏图标点击或快捷键和管理自定义调色板,支持将色彩拖拽分组。
PickerPicker Widget allows you to select colors in various formats such as hexadecimal, RGB, HSL, CMYK, Swift, and NSColor.
Contrast provides guidelines based on the Web Content Accessibility Guidelines (WCAG) to ensure better contrast between text and background.
Color Inspector offers a detailed inspection of colors, including hexadecimal, RGB, HSL, CMYK, Swift, and NSColor representations.
Color Code provides a variety of color codes including HEX, RGB, HSL, CMYK, Swift, and NSColor.
Color Basics
1. Basic Operations
Copy
Press Control + Command + C to copy the selected color.
Move
Use the arrow keys ↑ ↓ ← → to move the color picker, and press Return to select the color.
步骤三:保存与查看
拾取的颜色会自动保存列表中。点击色板刚按钮,在中。点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的ʌ
步骤二:选取前景色与背景色
点击“Foreground”和“Background”颜色块,可以从最近颜色、调色板中选取,或使率,并显算对比度比率,并显示是否符合 WCAG AA/AAA 大文析和普通文本的标准,结果以“PASS”或“FAIL”清晰标示。
步骤三:分析结果
选取后,工具会自动计算对比度比率,并显示是否符合 WCAG AA/AAA 大文析和普通文本的标准,结果以“PASS”或“FAIL”清晰标示。
4. 导出与分享色彩数据
步骤一:选择导出内容
在“Colors”或“Palettes”列表中,可以选中单个或多个颜色,所用个调色板。
步骤二:执行导出
右键点击选中项,选择“Export…”,所用个调色板。
步骤三:执行格式
在弹出窗口中,选择导出的文件格式(如 JSON、CSS、SCSS、LESS、SVG 等,选择保存路径后即可导出。
提示:更常用的操作是码。在任意颜色块上点击,在浮出的信息面板上点击所需的格式(如 HEX),即可复制颜色器设置为更顺手的组合。
三、常用功能进阶技巧
- 全局取色快捷键自定义:进入“系统偏好讠置 > 键盘 > 快捷键 > 应用快捷键”,为 Pikka 添加自定义快捷键,例如将取色器设置为更顺手的组合。
MacOS Features
| Feature |
Steps |
Description |
| Color Picker |
1. “Picker” > “Color Space” > sRGB > Display P3 2. “Picker” > “Color Space” > sRGB > Display P3 |
1. Command + Click on a color 2. Pikka > Color Picker |
| Palettes |
1. Command + Click on a color 2. Pikka > Palettes |
1. Command + Click on a color 2. Pikka > Palettes |
| Color Space |
1. Command + Click on a color 2. Pikka > Color Space |
1. Command + Click on a color 2. Pikka > Color Space |
| Color Picker |
1. Command + Click on a color 2. Pikka > Color Picker |
1. Command + Click on a color 2. Pikka > Color Picker |
| iCloud |
1. iCloud > iCloud 2. iCloud > iCloud |
1. iCloud > iCloud 2. iCloud > iCloud |
Pikka for Mac User Guide
| Function |
Mac (Mac) |
Action |
| Copy |
Control + Command + C |
Copy |
| Move Up |
↑ |
Move Up |
| Move Down |
↓ |
Move Down |
| Return |
Return |
Return |
| Esc |
Esc |
Esc |
| HEX |
按住鼠标时按 H |
HEX |
| RGB |
按住鼠标时按 R |
RGB |
| HSL |
按住鼠标时按 S |
HSL |
| Swift |
按住鼠标时按 W |
Swift |
| Switch Color |
Command + 1 |
Switch Color |
| Increment |
+ |
Increment |
| Delete |
Command + Delete |
Delete |
| Copy |
Command + C |
Copy |
| Clear |
Delete |
Clear |
最后建议:熟练掌握 Pikka 的关键在于将取色、管理、检查、复制的流端编码(如 UI 设计、前端编码)深度融合。充分利用其菜单栏快速访问、拖拽操作和格快捷键,可以极大减少上下拖换,让色彩工作流变得行云流水。