10 Cool Color Picker Scripts

Here are some cool color picker scripts that can be used. Some of them are written using plain javascript – means you don’t need any javascript library like jQuery, Mootools.

Color Picker – jQuery plugin

A simple component to select color in the same way you select color in Adobe Photoshop.


Flexi Color Picker

Flexi ColorPicker is a pure JavaScript color picker without using flash, images, external libraries, CSS or 1px divs. Only 4.3KB minified.


ExColor (V 1.2)

This plugin is only for elements such as input type=”text”, but this is enough in most cases. A few lines of JS code, and you will see in their page handy editor of color.


Farbtastic: jQuery color picker plug-in

Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.


ColorPicker 0.9

This colorPicker is a light weight all-rounder (~ 29kB – only 1 file*; 12.8kB gZiped) that can display and let you choose the entire color palette in HSB and RGB color modes.


jQuery Colors Pickers HSL

Two color pickers have been developed upon the jQuery.colors plugin using the HSL (hue, saturation, lightness) color model.



JSColor is a simple & user-friendly color picker for your HTML forms. It extends all desired input fields of a color selection dialog.


PhotoShop-like JavaScript Color Picker

PhotoShop-like JavaScript Color Picker has all 6 picking options (H,S,V,R,G,B) not just Hue.



mooRainbow is a powerful Javascript color picker like photoshop (made with mootools) that allows you to visually choose and use colors as a real and useful application.



A JavaScript color picker, based on prototype and script.aculo.us.