JavaScript颜色拾取器 - colorjoe

转自给力技术     http://site518.net/color-picker-colorjoe/

      我们在之前曾经推荐过一些颜色拾取器的 Javascript 类库，今天再给大家推荐一个JavaScript 颜色拾取器 - colorjoe。

　　colorjoe 是不依赖于任何 JS 框架的独立类库，与其它的颜色拾取器所不同的是它是可自动调整显示比例的，非常适合于现在流行的响应式页面布局。它是使用 CSS3 的新特性来实现的，完全没有使用任何图片。此取色器支持主流的四种颜色格式(RGB, HSL, HSV 和 CMYK)，它也提供了两个回调方法：change 和 done，非常方便操作。比较遗憾的是，它并不支持 IE 浏览器。

如何使用

　　首先引入颜色拾取器 colorjoe 的相关 JS 和 CSS 文件。

<link rel="stylesheet" href="colorjoe.css" />
<script src="colorjoe.min.js"></script>

　　然后在页面中加入要显示为取色器的 div

<div id="rgbPicker"></div>

　　最后初始化

colorjoe.rgb('rgbPicker').on('change', function (c) {
//c.css(); 这个可获取选取的颜色RGB值
}).update();

查看演示