hodo996 / color-generate

An awesome theme color generation scheme.

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>

Links

• Documentation
• ChangeLog
• Ant Design