色彩Color

定义

颜色是指PC界面设计中使用的色彩体系，其中包括品牌色、中立色、功能色以及应用比例，设计师可以直接在该规范中取值以便确定视觉设计颜色。

设计目标

颜色是用户感知界面内容及产品特性的直观方式和媒介，合理且和谐的颜色搭配能够提高界面的可用性，为我们的界面带来统一且可识别的一致性，提升用户体验和感知。

品牌色

品牌色会作为不同产品独有的主色，常用于强调视觉重量，例如作为关键行动点，文字链接，操作状态以及重要信息的强调等场景使用。业务中台设计分为四条业务线，品牌色分别做了不同产品的定义：

政务中台：

政务蓝 #0052FF | TOKEN-brand-6 | 品牌主色_常规
#E6EEFF	TOKEN-brand1-1	品牌主色_浅	背景（step、主导航菜单选中态）
#0052FF	TOKEN-brand1-6	品牌主色_常规	用于强调，需要品牌透出的场景，如主按钮，品牌相关图标色，主标签，核心控件的选中状态等。
#003DD9	TOKEN-brand1-9	品牌主色_深	hover\选中

财鲸：_

财鲸蓝 #034DFA | TOKEN-brand-6 | 品牌主色_常规
#E6F2FF	TOKEN-brand1-1	品牌主色_浅	品牌主色_浅
#034CFA	TOKEN-brand1-6	品牌主色_常规	用于强调，需要品牌透出的场景，如主按钮，品牌相关图标色，主标签，核心控件的选中状态等。
#034CC8	TOKEN-brand1-9	品牌主色_深	hover\选中

星环：_

星环蓝 #3B76FF | TOKEN-brand-6 | 品牌主色_常规
#E7EFFF	TOKEN-brand1-1	品牌主色_浅	品牌主色_浅
#3B76FF	TOKEN-brand1-6	品牌主色_常规	用于强调，需要品牌透出的场景，如主按钮，品牌相关图标色，主标签，核心控件的选中状态等。
#**1E5EF3**	TOKEN-brand1-9	品牌主色_深	hover\选中

零售云：

橙原橙 #FF6A00 | TOKEN-brand-6 | 品牌主色_常规
#FEEEE9	TOKEN-brand1-1	品牌主色_浅	品牌主色_浅
#FF6A00	TOKEN-brand1-6	品牌主色_常规	用于强调，需要品牌透出的场景，如主按钮，品牌相关图标色，主标签，核心控件的选中状态等。
#E35300	TOKEN-brand1-9	品牌主色_深	hover\选中

中立色 Color-neutural

通过增加带色相中立色对比使页面更有层次感。通过色相和灰度的多维对比呈现信息，可以降低原来使用单维度对比时所需要的灰度值，降低整体页面灰度，使页面更加干净简洁，解决原来页面过于惨白，色彩单一的问题。多用于背景、边框以及分割线等场景。
*中立色及其他功能色业务中台设计4条业务线统一为一套色彩体系。

线条：

填充：

文字：

功能色

功能色指的是有特定示意功能的颜色，它来源于我们生活中已建立的色彩提示心理，需要符合用户对色彩的基本认知，我们将功能色与人的真实情感匹配，实现用颜色快速向用户传达信息状态。

成功：

提示：

警告：

错误：

帮助：

链接：

数据色

内置色