Color Generate
Referring to Ant Design
, enter a primary color to generate color steps.
Documentation
Docs are available at here
Demo
Installation
CLI
# npm
$ sudo npm install color-generate -g
# pnpm
$ pnpm add color-generate -g
YARN | NPM | PNPM
$ yarn add color-generate
$ npm install color-generate
$ pnpm add color-generate
CDN
-
unpkg
https://unpkg.com/color-generate/dist/color-generate.umd.js
https://unpkg.com/color-generate/dist/color-generate.es.js
-
jsdelivr
https://cdn.jsdelivr.net/npm/color-generate/dist/color-generate.umd.js
https://cdn.jsdelivr.net/npm/color-generate/dist/color-generate.es.js
Examples
CLI
# help
$ color-generate -h
# just print color
$ color-generate g -c 099dfd
# generate file Sass/Less
$ color-generate g -c 099dfd -f
Module
$ import { generate } from 'color-generate'
Broswer
<script src="https://cdn.jsdelivr.net/npm/color-generate/dist/color-generate.umd.js"></script>
<script>
// window mounts the `ColorGenerate`
console.log("colors", ColorGenerate('#099dfd'));
</script>