color-design-helper

Just a toy, which can help color designers to generate color plates like ant-design.

Achieved average color、tint-shade color、@antd-v3 color three models

average color

only average cut two colors

tint-shade color

like antd v1.0. The main color is mixed with pure white (#fff), and the main color and the pure white are divided into 100 parts, and the positions of 20/40/60/80 are respectively divided to obtain the color of 4/3/2/1; The main color is mixed with pure black (#000), and the main color and the pure black are divided into 100 parts, and the positions of 20/40/60/80 are respectively divided to obtain the color of 6/7/8/9;

@antd-v3 color

Like the current antd, Decrement/increment with the value of the HSV model to get a complete gradient swatch

Usage

Just a static resource running locally

antd-refs: https://ant.design/docs/spec/colors-cn

run by MakeFile

make install
make dev
make test

you also can run by these ways

npm run start
npm run build
npm run test

License