Ant Design 的基础色板共计 120 个颜色，
包含 12 个主色以及衍生色。这些颜色基本可以满足中后台设计中对于颜色的需求

const allColors = [“blue”,”cyan”,”geekblue”,”generate”,”gold”,”gray”,”green”,”grey”,”lime”,”magenta”,”orange”,”presetDarkPalettes”,”presetPalettes”,”presetPrimaryColors”,”purple”,”red”,”volcano”,”yellow”]

const useColors = [‘red’, ‘volcano’, ‘orange’, ‘gold’, ‘yellow’, ‘lime’, ‘green’, ‘cyan’, ‘blue’, ‘geekblue’, ‘purple’, ‘magenta’, ‘grey’];

const colorSource = [ { “label”: “薄暮”, “value”: “red” }, { “label”: “火山”, “value”: “volcano” }, { “label”: “日暮”, “value”: “orange” }, { “label”: “金盏花”, “value”: “gold” }, { “label”: “日出”, “value”: “yellow” }, { “label”: “青柠”, “value”: “lime” }, { “label”: “极光绿”, “value”: “green” }, { “label”: “明青”, “value”: “cyan” }, { “label”: “佛晓蓝”, “value”: “blue” }, { “label”: “极客蓝”, “value”: “geekblue” }, { “label”: “酱紫”, “value”: “purple” }, { “label”: “法式洋红”, “value”: “magenta” }, { “label”: “中性色”, “value”: “grey” } ] ```

核心色彩

主色调蓝色

  • 0064c8

  • rgb(0,100,200)
  • hsl(210,100,0.39)

核心颜色的色彩饱和度

  • 高饱和度
  • 低明度
  • 有部分绿色参与，没有红色参与

色彩的阶梯，自上而下的阶梯

  • 核心色阶
  • 辅助色阶
  • 灰度色阶

image.png