必须通过创建颜色样式来定义全局颜色变量。具体路径:一、变量管理面板创建颜色变量;二、填充/描边/文本样式面板直接创建;三、颜色选择器导入配色方案;四、为变量配置多模式支持明暗主题。

如果您在Pixso中需要为设计项目建立统一、可复用且便于维护的颜色体系,则必须通过创建颜色样式来定义全局颜色变量。以下是实现该目标的具体操作路径:
一、通过变量管理面板创建颜色变量
此方法基于Pixso 2.0及以上版本的变量系统,将颜色抽象为可多模式切换、跨文件引用的设计令牌(Design Token),确保所有填充、描边、文字等属性调用同一语义化色值。
1、打开Pixso设计文件,确保未选中任何画布元素;
2、点击右侧属性面板底部的“管理变量”图标(齿轮状图标);
3、在弹出的变量管理弹窗中,点击左下角的“创建变量”按钮;
4、在变量类型列表中选择“颜色变量”;
5、在右侧参数区输入语义化名称(如Brand/Primary/Solid/500),并设置对应HEX或RGB色值;
6、重复步骤3–5,逐个添加品牌色、中性色、功能色等关键色值。
二、通过填充/描边/文本样式面板直接创建
该方式适用于已有设计元素,可快速将当前选中图层的视觉属性升格为可复用的颜色样式,适合从现有稿中反向提取规范。
1、在画布中选中一个具有填充色或描边色的图层;
2、在右侧属性面板的“填充”或“描边”区域,点击颜色拾取器旁的“样式”图标(小方块叠加图标);
3、在展开的样式弹窗中,点击右上角的“+”号;
4、在新建样式弹窗中输入名称(如Neutral/Gray/300),确认后该颜色即被注册为全局颜色样式;
5、对文字图层,可在“文本”属性面板→“样式”图标中执行相同操作,将文字色保存为颜色样式。
三、通过颜色选择器导入并保存配色方案
此方法支持批量导入预设配色逻辑,尤其适用于已整理好HEX列表的品牌指南或设计系统文档,可一次性生成结构化颜色样式集。
1、点击顶部菜单栏“视图→颜色选择器”,唤出颜色选择器面板;
2、在颜色选择器中手动输入或粘贴HEX值,调整色相/饱和度/明度生成衍生色;
3、点击某色块右下角的“保存为样式”按钮(星标图标);
4、在弹出命名框中输入符合语义规范的名称(如Success/Background/Default);
5、保存后,该色自动同步至变量系统与颜色样式库,可在任意填充、描边、文字处调用。
四、为颜色变量配置多模式(如明暗主题)
当需支持Light/Dark双模式时,单个颜色变量需绑定多个数值,通过模式切换实现全局配色响应式变更。
1、在变量管理面板中,点击已创建的颜色变量右侧的“编辑”图标(铅笔);
2、在变量编辑页右上角点击“+ 模式”,新增名为“light”和“dark”的两个模式;
3、分别在各模式下设置对应色值(如light模式下Brand/Primary为#3F77FF,dark模式下为#4A86E8);
4、完成设置后,在画布任意位置点击右键,选择“切换变量模式→ dark”,所有引用该变量的元素将实时变色。











