网站设计、开发必备！8个颜色选择器让你事半功倍！

大家好，我是「前端实验室」爱分享的了不起~

最近在开发中碰到关于颜色拾取器的需求，正好搜索了一些不错的JavaScript颜色选择器插件。这里把自己整理的内容分享给大家。

颜色选择器

1. ExColor

ExColor是一个类似Photoshop样式的jQuery颜色拾取插件，其定制性非常高，通过参数设置可生成各种样式和效果的颜色拾取器。

它可以附加到任意的input输入框（配合<input>标签使用），通过简单地调用一行函数即可。

2. JScolor

JSColor是一个简单、易于使用的JavaScript库，可以将任何给定input框转化为颜色选择器 -- 配合<input>标签使用。

该选择器是隐藏层，没有使用任何弹出窗口，可以出现在input框的任意一侧。

3. Advanced Javascript ColorPicker

ColorPicker是个高度可定制的高级JavaScript颜色拾取器，并不依赖于任何JS框架。

它可以用6种不同的模式来显示整个调色板，约1670万种色彩。不然咋说它高级呢？这样的颜色覆盖率已经很高啦！

4. Farbtastic

Farbtastic是一个jQuery的颜色拾取插件(配合jQuery使用)，可以非常轻松地将颜色选择器添加到Web页面中。

它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：<input >文本输入框。当选择一个颜色时即更新元素值。

5. Javascript Color Picker

Javascript Color Picker拥有HSB和RGB两种模式，使用颜色原型，兼容所有的主流浏览器。

该JavaScript颜色拾取器是一个自足JS库，仅包含一个纯js的文件，不依赖其他框架（像jQuery, Dojo, MooTools等），但又能很好的兼容这些框架。

6. Really Simple Color Picker

这是带有预设调色板的一个颜色拾取器，简单直接。

作者在创建的时候，就是冲着“简单”，“直接”，“灵活”去的。大小只有5K(不压缩的情况下)，非常轻量。

7. jPicker

jPicker是一个快速、轻量级的jQuery插件，让你的Web项目中可以包含一个高级颜色拾取器。它来自于Joh Dyer的选择器，使用Prototype框架进行了改良。

jPicker支持目前所有的主流浏览器，在Chrome，火狐，IE 5.5以上，Safari和Opera被广泛的测试。

8. Flexi

Flexi 是一个简单、超轻量级颜色拾色器（只有4.3KB），基于 SVG/VML 技术实现。Flexi是一个独立的脚本，没有基于依赖任何 JavaScript 框架开发。

它能够将选中的颜色以 hexadecimal、HSV、RGB 三种格式返回。选择器的尺寸、位置和滑块面积都可以采用 CSS 自定义，就像设置 div 元素一样简单。

小结

本文未概括出所有的颜色拾取工具库。文中提及的工具的使用方法相对比较简单，大家可自行Google一把就能找到相关用法，这里就不做官网的搬运工啦~

By the way，对于颜色拾取和处理的工具，大家都用的是什么工具呢？欢迎大家留言评论哦！