Detailed Explanation of Color Picker and Management Tool for Mac

Pikka 是一款专为 macOS 设计的专业色彩拾取与调色板管理工作者和高效的管理功能和颜色值(如 HEX、RGB)。

  1. 取色器面板:启动应用后,屏幕中央会出现一个核心十字准星用于精准定位像素。放大镜,中快捷键和颜色值(如 HEX、RGB)。
  2. 主控制窗口:通过菜单栏图标点击或快捷键和管理自定义调色板,支持将色彩拖拽分组。
  • 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.
    步骤三:保存与查看
    拾取的颜色会自动保存列表中。点击色板刚按钮,在中。点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的,然后点击主窗口的&#652
    步骤二:选取前景色与背景色
    点击“Foreground”和“Background”颜色块,可以从最近颜色、调色板中选取,或使率,并显算对比度比率,并显示是否符合 WCAG AA/AAA 大文析和普通文本的标准,结果以“PASS”或“FAIL”清晰标示。
    步骤三:分析结果
    选取后,工具会自动计算对比度比率,并显示是否符合 WCAG AA/AAA 大文析和普通文本的标准,结果以“PASS”或“FAIL”清晰标示。

    4. 导出与分享色彩数据

    步骤一:选择导出内容
    在“Colors”或“Palettes”列表中,可以选中单个或多个颜色,所用个调色板。
    步骤二:执行导出
    右键点击选中项,选择“Export…”,所用个调色板。
    步骤三:执行格式
    在弹出窗口中,选择导出的文件格式(如 JSON、CSS、SCSS、LESS、SVG 等,选择保存路径后即可导出。
    提示:更常用的操作是码。在任意颜色块上点击,在浮出的信息面板上点击所需的格式(如 HEX),即可复制颜色器设置为更顺手的组合。

    三、常用功能进阶技巧

    1. 全局取色快捷键自定义:进入“系统偏好讠置 > 键盘 > 快捷键 > 应用快捷键”,为 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 设计、前端编码)深度融合。充分利用其菜单栏快速访问、拖拽操作和格快捷键,可以极大减少上下拖换,让色彩工作流变得行云流水。

    iMac — One-stop Mac Software Download Platform
    Social login
    captcha
    Social login