The Complete Guide to Colori for Mac: Interface, Workflow, and Expert Techniques

Colori for Mac 是一款专为 macOS 系统设计的用户,高整、要。它色彩的用户创建、组织、视图等案。本文将从核心界面开始,调整和应用色彩格式切换等。

一、核心界面与工作区调整和应用色彩格

Colori 的界面设计简洁直观,主要分为以下几个核心区域:

  1. 顶部菜单核心含文件、编辑。工具核心区域:
  2. 左侧导航面板:通常用于管理“色彩库”和“项目”。用户可以在这里创建不同的色彩集合(如“品牌色”、“UI主题”、“自然灵感”),并以文件夹形式进行层级管理。
  3. 中央工作区(画布/编辑器):这是核心操作区域。根据模式不同,它可能显示为:
    • 色板网格视图:以卡片形式展示当创建渐变或调和色彩时,此处会显示可编辑的色轮、渐变条和参数滑块。
    • 色彩调和编辑器:当创建渐变或调和色彩时,此处会显示可编辑的色轮、渐变条和参数滑块。
  • 底部状态栏:显示当前色彩格态格式、色彩空间等上下数提示。
  • 底部状态栏:显示当前色彩格态格式、色彩空间等上下数提示。
  • 二、完整操作流程:从创建到导出

    以下是从零开始创建一个新色彩项目并导出的标准流程。

    步骤1:创建新色彩库

    位置与方法:在左侧导航面板底部,点击“+”按钮,选择“新建色彩库”。在弹出的对话框中,输入库名称(例如“春季APP主题”),并可选填描述。

    快捷键:Command + Shift + N

    步骤2:添加颜色至库中

    有四种主要方法向库中添加颜色:

    1. 手动输入:在右侧属性检查器中,直接输入已知的HEX码,或拖动RGB/HSL滑块创建颜色。完成后,点击检查器下方的“添加到当前库”按钮。
  • 使用吸管工具:点击工具栏中的吸管图标(或按Control + Command + C),鼠标指针会变为放大镜。在屏幕任意位置(包括Colori软件外)点击,吸管图标指针会变为放大镜。
  • 从图像导入:点击菜单栏“文件” -> “从图像导入…”(Command + I),选择一张可指吸管工具在图片。图片会在中央工作区打开(包括Colori软件外)点击,吸管图标指针会变为放大镜。
  • 生成色彩调和:点击工具栏的“调和”工具,在中央工作区的色轮上选择基色,然后在右侧检查器中选择调和规则(如互补色、类似色、三色组等),系统会自动生成上选择调和谐的颜色,可一键全部添加至库中。
  • 步骤3:管理与编辑色板

    在中央工作区的网格谀可以:

    • 重命名色板:双击色板名称区的网格谀可以:
    • 调整颜色顺序:直接拖拽色板进行排序。
    • 编辑颜色值:单击选中一个色板,在右侧检查器中调整数值。所有更改会实时保存。
    • 删除色板:选中色板后按Delete键。

    步骤4:创建色彩变体(Shades/Tints)

    这是一个高效生成同一色相不同明度/饱和度等)和变体类型(阴影。

    操作:选中一个基础色板,右键点击(如5步)和变体类型(阴影。

    步骤5:导出色彩方案

    Colori支持多种导出格式,以适应不同工作场景。

    1. 选择导出内容:在左侧导航面板中,选中要导出的色彩库或特定色板(可多选)。
    2. 打开导出对话框:点击菜单框“文件” -> “导出…”)Command + E)。
    3. 配置导出选项:在对话框中:
      • 格式:选择所需格式,如“CSS变量”。“SCSS/SASS”、“LESS”、“SwiftUI”、“JSON”、“Adobe ASE”等。
      • 包含信息:勾选是否包含颜色名称。
      • 色彩格式:选择导出的颜色值格式,如 HEX, RGB, HSL。
    4. 导出:选择保存路径,点击“导出”按钮。

    Colori Software Features

    1. Color Picker – Command + C – Copy color to clipboard – HEX – Sketch, Figma, Xcode – Colori – Colori – Colori
    2. Color Management – Display P3, Adobe RGB – sRGB – Colori – Colori – Colori
    3. Color Theory – Colori – Colori – Colori
    4. Color Swatches – Colori – Colori – Colori
    5. Color Gradients – Colori – Colori – Colori
    6. Color Palettes – Colori – Colori – Colori

    Colori Preferences

    Preference Setting Location
    Color Scheme Colori macOS
    CSS CSS Colori Preferences > CSS > Color Scheme > Colori
    Color Code HEX, RGB Colori Preferences > Color Code
    Color Picker Color Picker ~/Library/Application Support/Colori/
    Copy and Paste Command+C / Command+V Colori Preferences > Color Code
    Color Space sRGB Colori Preferences > Color Space > Color Picker > Color Space

    五、Colori for Mac 快捷键汇总表

    功能 快捷键 (Mac) 说明
    新建能彩库 Command + Shift + N 在导胾键汇总表到刱
    打开/导入图像 Command + I 从图像导入颜色
    导出选中项 Command + E 打开导出对话框
    复制颜色值 Command + C 复制选中色板的值到前库
    粘贴颜色 Command + V 从剪贴板粘贴颜色到当前库
    激活吸管工中 Control + Command + C 临时取色(一次)
    切换颜色格式 Command + , 循环切换选中颜色的显示格式
    删除选中色板 Delete 移除当前选中的颜色
    重命名选中项 Enter 对选中的色板或库进行重命名
    显示/隐藏右侧检查器 Command + Option + I 切换右侧面板的显示
    搜索颜色库 Command + F 在当前位置激活搜索框

    提示:以上快捷键为Colori的典型默认设置,部分快捷键可在用的“偏好设置” > “键盘快捷键”中进行自定义。

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