## 色彩 Color 为确保页面和组件统一性，建议设计和开发使用以下色板。因为需要考虑后续换肤问题，会存在多套皮肤的情况。为保证后续开发便捷性，规范组件颜色标注以及开发命名可参照下方命名规则。目的希望可根据下方定义只改样式色值就可实现全局换肤。

换肤定义：在不改变布局情况下改变页面颜色。
主题定义：可改变布局以及颜色。
### 色彩方案一

方案命名：color_v1

#### 色板整套页面皮肤所使用到的颜色总概况

{{color}}

#### 主色金色为产品品牌色，主色调使用顺序从左至右，优先使用.clr_main01。

.{{item.key}} {{item.color}}
20%

40%

60%

80%

100%
{{item.label}}

#### 辅助色辅助色作用多用于辅助按钮以及提示成功、警示或失败。

.{{item.key}} {{item.color}} {{item.label}}

#### 常用色多用于文字、图标、边框、背景、阴影等可以体现的页面的层次结构

.{{item.key}} {{item.color}}{{item.key === 'clr_mask' ? '70':''}}{{item.key === 'clr_projection' ? '10':''}} {{item.label}}