Colori for Mac 是一款专为 macOS 系统设计的现代化色彩管理、调色与配色工具。它致力于帮助设计师、插画师、UI/UX 从业者以及任何需要处理色彩的用户，高效地创建、组织、调整和应用色彩方案。本文将从核心界面开始，详细解析其完整工作流程与进阶技巧。

一、核心界面与工作区详解

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

顶部菜单栏与工具栏：包含文件、编辑、视图等标准菜单项。工具栏提供快速访问按钮，如新建色板、吸管工具、色彩格式切换等。
左侧导航面板：通常用于管理“色彩库”和“项目”。用户可以在这里创建不同的色彩集合（如“品牌色”、“UI主题”、“自然灵感”），并以文件夹形式进行层级管理。
中央工作区（画布/编辑器）：这是核心操作区域。根据模式不同，它可能显示为：
- 色板网格视图：以卡片形式展示当前选中库中的所有颜色。
- 色彩调和编辑器：当创建渐变或调和色彩时，此处会显示可编辑的色轮、渐变条和参数滑块。
- 图像取色视图：导入参考图片后，会在此处显示图片，并可用吸管工具进行取色。
右侧属性检查器：这是动态面板，其内容随选中对象而变化。
- 选中一个色板时，显示该颜色的详细数值（HEX, RGB, HSL, CMYK等），并可进行微调。
- 选中一个色彩库或项目时，显示其元数据信息。
- 在编辑模式下，显示当前编辑工具的参数控制滑块。
底部状态栏：显示当前色彩格式、色彩空间等上下文信息，以及操作提示。

二、完整操作流程：从创建到导出

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

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

快捷键：Command + Shift + N

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

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

在中央工作区的网格视图中，您可以：

这是一个高效生成同一色相不同明度/饱和度系列的功能。

操作：选中一个基础色板，右键点击，选择“生成变体”。在右侧检查器中，设定步数（如5步）和变体类型（阴影、色调、饱和度等）。Colori会自动生成一个从深到浅的颜色序列，并可作为一组颜色添加到库中。

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

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

全局取色器（常驻模式）：双击工具栏的吸管工具图标，可开启“常驻取色器”。它会悬浮在所有窗口之上，随时按快捷键（可在系统偏好设置中自定义）取色，无需切换回Colori应用窗口。
快速对比模式：选中两个色板，右键选择“并排对比”，工作区会进入对比视图，显示颜色在文本、背景等场景下的可读性效果，这对UI设计选色至关重要。
色彩空间转换与校样：在右侧检查器的颜色值区域，点击色彩空间（如sRGB）旁边的下拉箭头，可以切换到其他色彩空间（如Display P3, Adobe RGB）。这对于为不同媒介准备颜色非常有帮助。
与剪贴板无缝集成：复制（Command + C）任何一个色板，颜色值会以当前设置的默认格式（如HEX）存入剪贴板，可直接粘贴到Sketch、Figma、Xcode等应用中。
智能命名与分组：在导入图像颜色或生成调和色时，Colori可以基于颜色特征（如“深蓝”、“珊瑚粉”）自动建议命名。合理使用分组功能，可以将一个库内的颜色按用途（主色、辅助色、文字色）进行分类管理。

问题	可能原因	解决方案
吸管工具无法拾取Colori软件之外的颜色	macOS的辅助功能权限未授予。	前往“系统偏好设置” > “安全性与隐私” > “隐私” > “辅助功能”，确保Colori应用已在列表中并被勾选。
导出的CSS颜色值与我设置的不一致	导出时选择的色彩格式与工作格式不同。	在导出对话框中，仔细检查“色彩格式”下拉菜单，确保选择了正确的格式（如HEX、RGB等）。
色彩库文件丢失或损坏	文件被意外移动、删除或软件异常退出。	Colori有自动保存机制。首先尝试重启软件。库文件通常保存在 `~/Library/Application Support/Colori/` 目录下，可尝试手动寻找备份。
无法将颜色拖拽到其他设计软件中	目标软件不支持直接拖拽颜色，或拖拽功能有冲突。	使用复制粘贴（`Command+C` / `Command+V`）作为替代方案。确保复制的颜色格式（如HEX）是目标软件所接受的。
界面显示的颜色与在其他软件中显示的有差异	色彩管理设置不一致，或显示器未校准。	检查Colori和您其他设计软件的色彩空间设置（如sRGB）。确保您的Mac显示器已进行过基本校准（系统偏好设置 > 显示器 > 颜色）。