Steven Wittens of Drupal fame has released a nifty jQuery plugin of his own called Farbtastic. So what does it do you ask?
Farbtastic uses layered transparent PNGs to render a saturation/luminance gradient inside of a hue circle. No Flash, no pixel sized divs.
Just include the farbtastic.js file along with the farbtastic.css stylesheet and create a placeholder
div along with a form element for the hex code like so:
<form> <input type="text" ... /> </form> <div id="colorpicker"></div>
And then include the one line jQuery code:
That’s all there is to it! You should now have a color picker widget on your page.
To see a working demo as well as more in depth instructions on using the plugin, visit the Farbtastic page. Farbtastic is protected by the GPL.