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

Online address

中文文档

Article

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

MIT

Copyright (c) 2019 @renjie1996 @Shadowless @无影er