This colorPicker is a light weight all-rounder (only ~46k incl. all 16 files) that can display and let you choose the entire color palette (~16.78 mil. colors) in 6 different color modes (+3 extra modes in RGB).
This highly customizable and easy to install app comes in 4 different sizes (from 151 x 87 pixels to
405 x 302 pixels) and therefore different feature levels so you can use it for every supposable cause from 'easy choice' to 'professional determination'. That's probably all you'll ever need to let your clients choose the right color.
No images. No libraries*. Works even in IE6.
// Color Picker by Raphaël - raphaeljs.com
var icon = Raphael("picker", 23, 23).colorPickerIcon(11, 11, 10); icon.attr({cursor: "pointer"}).node.onclick = function () { document.getElementById("benefits").style.visibility = "visible"; var out = document.getElementById("output"); out.style.visibility = "visible"; // this is where colorpicker created var cp = Raphael.colorpicker(document.body.offsetWidth / 2 - 150, 250, 300, "#eee", document.getElementById("picker2")); out.onkeyup = function () { cp.color(this.value); }; // assigning onchange event handler cp.onchange = function (clr) { out.value = clr; document.body.style.background = clr; document.body.style.color = Raphael.rgb2hsb(clr).b s it. Too easy icon.node.onclick = null;};