colorcanvas icon indicating copy to clipboard operation
colorcanvas copied to clipboard

ColorCanvas

A canvas based color picker. Demo.

ColorCanvas

Usage

Include the two scripts, lib/colorcanvas.js and lib/colorcanvas.input.js inside your page.

<head>
  <script src="lib/colorcanvas.js"></script>
  <script src="lib/colorcanvas.input.js"></script>
</head>

Any color inputs will now automatically be shimmed.

<input type="color" value="#FF0000">

You may also want to include the default styles, located in site/styles.css.

Building

You can build ColorCanvas using Ruby's Bundler.

bundle install
rake build

Acknowledgments

Many thanks to Jeremy Apthorp for advice and bug fixing.