Ant Design Palettes

:art: Color palettes calculator of Ant Design.

Usage

$ npm install ant-design-palettes --save

import { generate, presetPalettes } from 'ant-design-palettes';

// Generate color palettes by a given color
const colors = generate('#1890ff');
console.log(colors); // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']

console.log(presetPalettes);
/*
{
  red: [...],
  volcano: [...],
  orange: [...],
  gold: [...],
  yellow: [...],
  lime: [...],
  green: [...],
  cyan: [...],
  blue: [...],
  geekblue: [...],
  purple: [...],
  magenta: [...],
}
*/

Articles

• Ant Design Colors
• Ant Design 色板生成算法演进之路

Current Tags

• 1.1.3                                ...           latest (6 years ago)

5 Versions

• 1.1.3 [deprecated]           ...           6 years ago
• 1.1.2 [deprecated]           ...           7 years ago
• 1.1.1 [deprecated]           ...           7 years ago
• 1.1.0 [deprecated]           ...           7 years ago
• 1.0.0 [deprecated]           ...           7 years ago