saber 酱的抱枕

DEMO：选取颜色可以改变网页的背景颜色。

我在网上找到了个 JavaScript 拾色器（原网址），觉得比较小巧方便，就花了一些时间对它进行修改和优化。

当我觉得已经搞完的时候，才醒悟过来这个拾色器没有灰度，无法选取灰色、黑色。这使它的实用性大打折扣，但这也是没办法的事。（原因下面再讲）

姑且放个下载吧（内附 demo 和使用说明）：

colorPicker.js

为什么无法解决灰度的问题呢，因为它只有一个画板。看看 Photoshop 的拾色器：

左边是有灰度的，但只有一种主色调（图上为红色）。右边有所有颜色，但是没有灰度。在右边选择个颜色，左侧才会显示对应的灰度图像。

强如 Photoshop 也无法把所有颜色和灰度放在一个画板上。我思考之后发现颜色和它的灰度本来就是两个维度，所以一个画板里无法实现。所以本文这个工具只是玩具，实际使用的话还是得另寻一个拾色器。

ps：我对这个拾色器的原代码做了很多的修改，此外还写了 demo 和文档，然而由于它没有灰度，emmm，就当是在浪费时间吧。

解除对 jQuery 的依赖；
抽离新建实例的操作；
增加配置项和方法；
解耦、优化 DOM 结构和操作。

我试了一个有灰度的拾色器

https://github.com/tovic/color-picker/

来试一试

一个 JavaScript 拾色器