11個JavaScript顏色選擇器外掛

iteye發表於2013-01-25

幾年前,很難找到一個合適的顏色選擇器。正好看到很多不錯的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格式。

Via  QUENESS

相關文章