color-tool

Multipurpose color picker component. Demo.

Usage no npm install needed!

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

README

Multipurpose color picker component. Demo.

alt alt alt unstable

Use

NPM

    var ColorPicker = require('color-tool');
    var Color = require('color2');

    var c = new Color('red');

    var picker = new ColorPicker({
        color: color,
        space: 'rgb',
        channel: ['red']
    });

    document.body.appendChild(picker.element);

Options

Name Description
color Color instance to use as a model.
space Color space to render. See list of available spaces.
channel Color channel(s) to render in color space. Whether string or array.
type Type of color picker to set up: horizontal, vertical, rectangular, radial, polar or other.