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

* Flat mode – as element in page
* Powerful controls for color selection
* Easy to customize the look by changing some images
* Fits into the viewport
Implement

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme.

<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>

Invocation code

All you have to do is to select the elements in a jQuery way and call the plugin.

 $('input').ColorPickerSetColor(options);

Demo: http://eyecon.ro/colorpicker/#about

Download: http://eyecon.ro/colorpicker/colorpicker.zip

Source: http://eyecon.ro/colorpicker/#about

Related Listings:

1. Farbtastic – jQuery Color picker Script Farbtastic is a jQuery plug-in that can add one or...
2. Color picker plugin by Farbtastic with jQuery Farbtastic is a jQuery plug-in that can add one or...
3. Color Changing Text and Backgrounds with jQuery Here’s a quick and easy way to cycle between multiple...
4. jQuery Date Picker Script This is an clean, unobtrusive plugin for jQuery which allows...
5. jTimepicker jQuery Time Picker Plugin jTimepicker is a jQuery plugin for set hours and minutes individually...

Do you like this post?

Email: