Color
快速复制颜色及class
主题色
我们内置了一个色盘供您选择
js
<color color="#fa541c"/>
<color color="#fadb14"/>
<color color="#3eaf7c"/>
<color color="#13c2c2"/>
<color color="#1890ff"/>
<color color="#722ed1"/>
<color color="#eb2f96"/><color color="#fa541c"/>
<color color="#fadb14"/>
<color color="#3eaf7c"/>
<color color="#13c2c2"/>
<color color="#1890ff"/>
<color color="#722ed1"/>
<color color="#eb2f96"/>功能色
除了主题色，系统还有一些功能性颜色，分别为：成功色、警告色和错误色。默认色值分别为：
| 名称 | success | warning | error |
|---|---|---|---|
| 色值 | #52c41a | #faad14 | #f5222d |
| 颜色 | |||
| less变量 | @success-color | @warning-color | @error-color |
antd 的色系
除了以上颜色，我们还引入了 ant-design 内置的色系。如下：
| 色系 | 类型 | 颜色 |
|---|---|---|
| blue/拂晓蓝 | 色盘 | |
| less变量 | @blue-1、 @blue-2...@blue-10 | |
| purple/酱紫 | 色盘 | |
| less变量 | @purple-1、 @purple-2...@purple-10 | |
| cyan/明青 | 色盘 | |
| less变量 | @cyan-1、 @cyan-2...@cyan-10 | |
| green/极光绿 | 色盘 | |
| less变量 | @green-1、 @green-2...@green-10 | |
| magenta/法式洋红 | 色盘 | |
| less变量 | @magenta-1、 @magenta-2...@magenta-10 | |
| red/薄暮 | 色盘 | |
| less变量 | @red-1、 @red-2...@red-10 | |
| orange/日暮 | 色盘 | |
| less变量 | @orange-1、 @orange-2...@orange-10 | |
| yellow/日出 | 色盘 | |
| less变量 | @yellow-1、 @yellow-2...@yellow-10 | |
| volcano/火山 | 色盘 | |
| less变量 | @volcano-1、 @volcano-2...@volcano-10 | |
| geekblue/极客蓝 | 色盘 | |
| less变量 | @geekblue-1、 @geekblue-2...@geekblue-10 | |
| lime/青柠 | 色盘 | |
| less变量 | @lime-1、 @lime-2...@lime-10 | |
| gold/金盏花 | 色盘 | |
| less变量 | @gold-1、 @gold-2...@gold-10 |