按钮颜色代码(按钮颜色代码是什么)

使用颜色变量，您可以设置在整个文档中同步的颜色。对颜色变量进行更改时，这些更改将显示在使用该变量的所有图层中。您可以创建特定文档的本地颜色变量，也可以在库中共享它们以在其他设计中使用。

颜色变量可以加快您的工作流程并保持设计井井有条。颜色变量

它们在您的文档中同步。当您更改颜色变量时，它将更新使用它的任何图层。

任何现有的全局颜色预设现在都是颜色变量，并位于其自己的本地库中。

您可以将颜色变量导出为颜色标记，也可以从 Web 应用程序检查器复制其各个值。

如何创建颜色变量

您可以从检查器、组件视图或“查找和替换”菜单中创建新的颜色变量。

1、从检查器创建颜色变量

选择任意图层，然后在检查器中单击其任何样式属性的颜色池。选择要使用的纯色，然后单击“创建颜色变量”。给它一个名字，然后单击创建或按保存。您还可以使用吸管工具从显示器在Mac 应用程序内部或外部创建颜色变量。

2、从组件视图创建颜色变量

切换到“组件视图”，单击工具栏中的“颜色”选项卡，然后单击“或”创建颜色变量“按钮。使用检查器选择所需的颜色，并为颜色变量命名。单击预览网格中的任意位置进行保存。

组织颜色变量

如何对颜色变量进行分组

要对颜色变量进行分组，请切换到 组件视图 ，转到“颜色”选项卡，按住并选择要分组的颜色变量。按住Control键单击您的选择，然后选取“组”。然后，您可以双击左侧边栏中的组标题并根据需要重命名。您还可以将颜色变量拖到左侧边栏中的现有组中。

与符号或文本样式一样，您也可以通过在颜色变量的名称中使用 对颜色变量进行分组。之前的任何内容都将成为组名称，之后的任何内容都将是该组中组件的名称。例如，“主要/亮”和“主要/深色”将成为名为“主要”的组的一部分。

将颜色变量应用于图层

1、从检查器应用颜色变量

有两种方法可以从检查器应用颜色变量。在这两种情况下，您都需要选择要应用颜色变量的图层。在任何样式属性的颜色井中，您可以从网格中选择所需的颜色变量。您可以在该文档的颜色变量或已启用的任何库之间切换。您还可以通过单击颜色池旁边的色板图标来应用颜色变量。

2、从“插入”窗口应用颜色变量

选择“窗口>组件”以打开“插入窗口”或使用键盘中的快捷方式。点击C颜色颜色变量选项卡，然后将所需的色板拖放到要应用它的图层上。您还可以将“颜色变量”拖放到检查器的“填充”面板中的任何颜色池中。

3、从“查找和替换”菜单中应用颜色变量

在“查找和替换”菜单中，单击“替换为”旁边的颜色池，然后选择要应用的颜色变量。单击任意位置以关闭颜色选择器，然后单击“替换”以更新颜色。

如何编辑颜色变量

您可以从检查器、组件视图或查找和替换菜单中编辑颜色变量。

您可以按住Control 键单击任何颜色变量，然后选择将其HEX、RGB、HSL、Objective-C或Swift 代码颜色值复制到剪贴板。

1、从检查器编辑颜色变量

选择任意图层，然后在检查器中单击颜色池。单击编辑变量并选择新颜色。选择“更新”以保存。请记住，您只能编辑文档的本地颜色变量。如果要编辑库中的颜色变量，则必须在其“库”文档中编辑它们。

2、从“组件”视图编辑颜色变量

切换到组件视图，然后单击Components View Tab颜色颜色变量标签。单击要编辑的颜色样本，然后使用检查器选择新颜色。更改将自动预览并保存。

如何重命名颜色变量

要重命名颜色变量，请切换到“组件视图”，然后单击“颜色”选项卡。然后，选择要重命名的颜色样本。在检查器的“名称”部分下，键入您的新名称。您的更改将自动保存。您也可以按住Control 键单击色板，然后选择“重命名”。

如何删除颜色变量

要删除颜色变量，请切换到组件视图，然后单击颜色颜色变量标签。选择要删除的颜色变量的样本并点击退格键。您也可以按住Control 键单击色板并选择“删除”。

如何分离颜色变量

您可能希望更改使用颜色变量的单个图层的颜色，而不更新颜色变量本身。在这种情况下，您需要先分离该颜色变量。

要从检查器分离颜色变量，请选择要从中分离颜色变量的图层，单击检查器中“样式”菜单中的颜色池，然后单击“分离变量”。

如何查找和替换特定颜色或颜色变量

选择“编辑”>“查找和替换颜色...”（或按 ）以调出“查找和替换颜色”菜单。从那里，选择要在设计中找到的颜色或颜色变量以及要替换它的颜色或颜色变量。

启用“包括此颜色的所有不透明度”以查找具有不同Alpha 但具有相同RGB 或十六进制值的所有颜色。

启用“保留原始不透明度”以在替换颜色时保持这些不同的Alpha 不变。

注意：我们发布了一个颜色变量迁移器插件，可以轻松地将颜色变量应用于旧文档中的图层和样式。

END

公司名称：北京哲想软件有限公司

北京哲想动画官方网站：www.cogito.com.cn

北京哲想动画微信公众平台账号：zhexiangdonghua

北京哲想动画邮箱：sales@cogitosoft.com