Ant Design Colors

🎨 Color Palettes Calculator of Ant Design
Alternatives To Ant Design Colors
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Ant Design Colors5562,477719a year ago26January 09, 20237mitTypeScript
:art: Color Palettes Calculator of Ant Design
Node Blog140
10 days ago11mitTypeScript
🔥✨ A react blog project base on nodejs, nestjs, mongoose, typescript, react, ant-design,nextjs
Medux React Admin80
a year ago9TypeScript
Medux+React+Antd4+Hooks+Typescript打造开箱即用通用后台
Canisminor21
2 years ago1JavaScript
🕶 Collection of my designs, articles and open-source programs.
Neoblog17
6 years agon,ullmitJavaScript
Neoblog is a public blogging platform that's completely serverless. This repo is now archived, we're moving this to a Github orga of its own
Clojure Cise 20127
11 years agoClojure
Code for Computing in Science & Engineering article on Clojure, Vol 14, No 6 (Nov/Dec 2012)
Antd Backend6
6 years agoJavaScript
Ant Design 后台演示,包括前端和后端完整代码,后端采用node.js + mongodb
React Cnode5
6 years agoJavaScript
dva+antd构建webApp版Cnode社区
Cnode React2
a year ago26mitJavaScript
Using React Complete the CNode's Community
Alternatives To Ant Design Colors
Select To Compare


Alternative Project Comparisons
Readme

Ant Design Colors

🎨 Color palettes calculator of Ant Design.

Travis Test coverage npm package NPM downloads

Dependencies DevDependencies Greenkeeper badge

Install

$ npm install @ant-design/colors
// or
$ yarn add @ant-design/colors

Usage

$ npm install @ant-design/colors --save
import {
  red,
  volcano,
  gold,
  yellow,
  lime,
  green,
  cyan,
  blue,
  geekblue,
  purple,
  magenta,
  grey,
} from '@ant-design/colors';

console.log(blue); // ['#E6F4FF', '#BAE0FF', '#91CAFF', '#69B1FF', '#4096FF', '#1677FF', '#0958D9', '#003EB3', '#002C8C', '#001D66']
console.log(blue.primary); // '#1677FF'
import { generate, presetPalettes } from '@ant-design/colors';

// 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: [...],
}
*/
import { generate, presetDarkPalettes } from '@ant-design/colors';

// Generate dark color palettes by a given color
const colors = generate('#1890ff', {
  theme: 'dark',
  backgroundColor: '#141414',
});
console.log(colors); // ['#111d2c', '#112a45', '#15395b', '#164c7e', '#1765ad', '#177ddc', '#3c9ae8', '#65b7f3', '#8dcff8', '#b7e3fa']
console.log(presetDarkPalettes);
/*
{
  red: [...],
  volcano: [...],
  orange: [...],
  gold: [...],
  yellow: [...],
  lime: [...],
  green: [...],
  cyan: [...],
  blue: [...],
  geekblue: [...],
  purple: [...],
  magenta: [...],
}
*/

Articles

Popular Ant Design Projects
Popular Article Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Article
Ant
Ant Design