fugen2022 / color-generate

An awesome theme color generation scheme.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Color Generate

License 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

About

An awesome theme color generation scheme.

License:MIT License


Languages

Language:JavaScript 48.8%Language:TypeScript 24.7%Language:HTML 21.7%Language:Smarty 4.8%