幾年前，很難找到一個合適的顏色選擇器。正好看到很多不錯的JavaScript顏色選擇器插件，故而把這些編譯匯總。在本文，Web設計師和開發人員 Kevin Liew 選取了11個相應插件，有些會比較復雜，其他比較簡單，相信應該會有適合你的。

1.?ExColor

ExColor是一個類似Photoshop樣式的jQuery顏色拾取插件，其定制性非常高，通過參數設置可生成各種樣式和效果的顏色拾取器。它可以附加到任意的input輸入框，通過簡單地調用一行函數即可。

2.?JScolor

JSColor是一個簡單、易于使用的JavaScript庫，可以將任何給定input框轉化為顏色選擇器。該選擇器是隱藏層，沒有使用任何彈出窗口，可以出現在input框的任意一端。

3.?Advanced Javascript ColorPicker

ColorPicker是個高度可定制的高級JavaScript顏色拾取器，并不依賴于任何JS框架。它可以6種不同的顏色模式來顯示整個調色板（~16.78 mil. 顏色）。

4.?Farbtastic

Farbtastic是一個jQuery的顏色拾取插件，可以非常輕松地將顏色選擇器添加到Web頁面中。顏色選擇器將鏈接到Web頁面上的一個已有元素（如，一個文本框），當選擇一個顏色時即更新元素值。

5.?Javascript Color Picker

該JavaScript顏色拾取器擁有HSB和RGB兩種模式，使用顏色原型，兼容所有的主流瀏覽器。

6.?mooRainbox

mooRainbox是一個易于集成的JavaScript顏色拾取器，基于mootools框架創建。該拾取器可以連接到任意DOM中的元素，這里會生成一個單擊事件。通過簡單地點擊，你就可以顯示或隱藏mooRainbow。

7.?ColorPicker

一個簡單的組件，可以與Adobe Photoshop一樣選擇顏色。

8.?jPicker

jPicker是一個快速、輕量級的jQuery插件，讓你的Web項目中可以包含一個高級顏色拾取器。它來自于Joh Dyer的選擇器，使用Prototype框架進行了改良。

9.?SimpleColor

jQuerySimpleColor是個非常簡單的顏色拾取器插件，通過一個個的正方形來挑選顏色。

10.?Really Simple Color Picker

帶有預設調色板的一個顏色拾取器，簡單直接。

11.?Flexi

Flexi是一個輕量級的顏色拾取器（只有4.3KB），它只用JavaScript編寫而沒有使用任何的圖像（由于SVG/VML）或CSS。Flexi是一個獨立的腳本，不需要任何JavaScript框架，并且可以設置選中顏色為十六進制、HSV或RGB格式。

?

其它地址：http://www.open-lib.com/Type/170-1.jsp

轉載自：http://blog.jobbole.com/9476/

?

程序員的基礎教程：菜鳥程序員

轉載于:https://www.cnblogs.com/guohu/p/4652819.html

總結

以上是生活随笔為你收集整理的js颜色拾取器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。