Sketch 没有类似 Photoshop 的 swatches 色板资源管理功能,可以使用 “View” - “Show Colors” 调出系统的色彩管理器来管理色板,但其仅支持 macOS 特定的 .clr 格式文件,很难将已有的色板文件转为此格式。我做过一个名为 Swatches 的 Sketch 色板插件,目的只是为了显示一些商业色板、平台色板和设计系统色板,所以没做用户自定义色板。

在 Sketch 53 之后可以利用色彩预设可以显示库中色彩的功能,达到类似于 swatches 功能。之前因为 Swatches 插件包含商业色板收到警告而删除内容,导致插件少了很多内容,所以决定停止维护,而转向开发 Import Colors,利用插件增强 Sketch 对各种色板文件的支持,让 Sketch 可以导入 Photoshop、Illustrator 等软件中附带的商业色板。

色板导入

导入色板文件

目前 Import Color 支持将以下格式导入到 Sketch 的文档或全局色板,甚至作为单纯的色彩库。

名称 文件后缀 支持软件
Apple Color Picker Palette .clr macOS 取色器
Adobe Color Swatch .aco Photoshop
Adobe Swatch Exchange .ase Photoshop, Illustrator
GIMP 色板 .gpl GIMP, Inkscape
Sketch 色板 .sketchpalette 旧版 Sketch
Sketch 预设 .sketchpreset Sketch
Sketch 文档 .sketch Sketch
文本文件 .txt, .text 任何文本编辑器

可以在网上找到很多 .aco 或 .ase 格式的 Photoshop 色板文件,甚至在 Photoshop 的安装目录中也能找到附带的商业色板。.aco 或 .ase 格式中保存为 CMYK, LAB, 灰度模式的色彩,转换到 Sketch 中 RGB 模式可能会与 Photoshop 中的 RGB 模式色值上有轻微偏差。

库色板

如果当前可用的库中包含色板资源,就会在取色器弹出层下方的菜单中出现,这个功能可用当作类似 Photoshop 的 swatches 色板资源管理来使用。Import Colors 可以将色板生成一个只有色彩资源的库文件,也可以在打开库文件时,将色板导入到库的文档中。

共享色板

Import Colors 可以将支持的格式或文档色板转为 .txt 或 .clr 文件,Import Colors 定义了一种方便编辑和共享的纯文本格式用来保存色板,每个色彩以 name: value 的格式,以每行记录一个色彩的方式保存为 .txt 文件,色彩值目前支持所有的 CSS 色值。

格式如下:

Red 50: #FFEBEE
Red 100: #FFCDD2
Red 200: #EF9A9A
Red 300: #E57373