js顏色拾取器


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

1. ExColor

11個JavaScript顏色選擇器插件

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

2. JScolor

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

3. Advanced Javascript ColorPicker

11個JavaScript顏色選擇器插件

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

4. Farbtastic

11個JavaScript顏色選擇器插件

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

5. Javascript Color Picker

11個JavaScript顏色選擇器插件

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

6. mooRainbox

11個JavaScript顏色選擇器插件

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

7. ColorPicker

11個JavaScript顏色選擇器插件

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

8. jPicker

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

9. SimpleColor

11個JavaScript顏色選擇器插件

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

10. Really Simple Color Picker

11個JavaScript顏色選擇器插件

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

11. Flexi

11個JavaScript顏色選擇器插件

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/

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM