sketch组件如何建立颜色？

在Sketch组件中建立颜色是设计流程中的基础环节，正确的颜色管理不仅能提升设计效率，还能确保设计稿在不同场景下的一致性和准确性，Sketch提供了多种颜色创建和管理方式，包括全局颜色、组件样式、颜色填充等功能,下面将详细介绍具体操作方法和应用场景。

（图片来源网络，侵删）

通过颜色选择器直接设置颜色

在Sketch中，最直接的颜色创建方式是通过颜色选择器，选中图层后，在右侧检查器面板的“填充”或“边框”选项中，点击颜色块即可打开颜色选择器,支持多种颜色模式：

颜色选择器还支持取色器功能，点击取色器图标后可在画布任意位置吸取颜色,方便复用现有设计中的色彩。

对于团队协作或需要统一品牌色彩的项目，Sketch的全局颜色功能至关重要，通过“样式”面板创建全局颜色后，所有应用该颜色的图层会同步更新,避免手动修改导致的颜色不一致。

创建全局颜色：点击顶部菜单栏“样式”>“新建颜色”，或通过检查器面板的颜色选择器中选择“添加到颜色库”，输入颜色名称（如“品牌蓝-主色”）并设置颜色值，点击“存储”。
应用全局颜色：选中图层后，在检查器面板的下拉菜单中选择已创建的全局颜色,或直接将颜色库中的颜色拖拽到图层上。
编辑全局颜色：在颜色库中双击颜色图标，修改后会自动更新所有应用该颜色的图层，但需注意：若图层已手动调整颜色，则不会同步更新,需重新应用全局颜色。

Sketch的组件样式功能允许将颜色、边框、阴影等属性组合为可复用的样式，适用于需要统一视觉效果的UI元素（如按钮、卡片）。

（图片来源网络，侵删）

创建组件样式：设计好一个图层（如带特定颜色的按钮），选中后点击“样式”>“新建样式”，命名并保存，此时该图层的所有样式属性（包括颜色）会被记录。
应用组件样式：选中其他图层，在检查器面板的“样式”下拉菜单中选择已创建的样式,图层会自动匹配颜色及其他属性。
更新组件样式：双击样式库中的样式图标，在弹出的编辑窗口中修改颜色，所有应用该样式的图层会同步更新，但需注意：若图层在应用样式后单独修改了颜色，则更新样式时需选择“覆盖”。

Sketch 95版本及以上支持颜色变量功能，可通过变量定义一组关联颜色，实现动态色彩系统（如深色/浅色模式切换）。

创建颜色变量：点击“样式”>“管理变量”>“新建颜色变量”，设置基础颜色（如“背景色”）和关联变量（如“背景色-深色”），通过“停点”调整不同场景下的颜色值。
应用颜色变量：在图层填充时，选择“颜色变量”并勾选所需的变量（如“背景色”），切换主题时只需更新变量值,所有应用该变量的图层会自动切换颜色。
导出颜色变量：通过“文件”>“导出”>“保存为变量包”，可将颜色变量导出为JSON文件,供其他设计工具或开发团队使用。