node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »

color-tool

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.