Farbtastic

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.

Perfect for using as a stand-alone, or in more complex web interfaces.

Features:

• True WYSIWYG: the color you click is the color you get (with the exception of 1/-1 rounding differences). Many pickers throw up an arbitrary gradient that's only a poor match.
• It uses the intuitive HSL color space rather than the more common HSB, which means it's easy to make a color brighter without touching its saturation, or vice versa.
• It's built on the compact jQuery library and totals in at only 23KB, including images and CSS.
• Farbtastic uses layered transparent PNGs to render a saturation/luminance gradient inside of a hue circle. No Flash, no pixel sized divs.

Requirements:

• JavaScript enabled on client side
• jQuery