hd996 / color-generate

🔥 An awesome theme color generation scheme.

Color Generate

Referring to Ant Design, enter a primary color to generate color steps.

Sorry, this library has been suspended for some reason, You can see Docs to use it

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