color-generate

An awesome theme color generation scheme.

Usage no npm install needed!

<script type="module">
  import colorGenerate from 'https://cdn.skypack.dev/color-generate';
</script>

README

Color Generate

License =14.x-brightgreen.svg" alt="Version"> Latest release Stars

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

Documentation

Docs are available at here

Demo

Demo

Demo

Installation

CLI

$ sudo npm install color-generate -g

YARN | NPM

$ yarn add color-generate

$ npm install 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