Download This Plugin
Back To jQueryScript.Net
jQuery ColorPicker
Basic <input>
Basic element
All features
Localization
Websafe colors
Alternative display field
Events
Input formatting
Output formatting
Output format list
In a dialog
Modal
Any element to popup
Custom layout
Custom swatches
Hidden input
Plugins
buttonImageOnly
Basic <input> example, without any options
Basic element (<span>> example, without any options
Fully-featured example
Localized to Dutch (nl)
Limit to websafe colors
Alternative field class
Background-color on outside, text color here
Events
Output formatting HSLA
Output format list
You can specify a list of output formats, the first perfect match for the color is output.
Dialog with Colorpicker popup (demonstrates z-index)
Open dialog
Basic <input> example, without any options:
Basic element example, without any options:
Modal (and showCancelButton, closeOnEscape, showCloseButton)
Input formatting
Demonstrates the ability to parse common color formats as input.
Popup from any element (<em>)
Just click on this
Emphasized
word to show the colorpicker.
Custom layout
It's easy to arrange a new layout for the dialog. Especially handy when used in a sidebar.
Custom swatches
Use the Pantone PMS colors as swatches
Hidden input
Uses a hidden input and buttons to pop open the colorpicker
Open
Plugins
Demonstrates how to extend the set of parts with plugins.
RGB Slider - Individual RGB sliders
Memory - store and retrieve colors with cookies
Only a button image
A feature-packed colorpicker for jQuery and jQueryUI.
jQueryUI (themeroller-based) look & feel
Familiar interface layout
Highly configurable
Control parts
Layout
Input/output formats
Swatches
Many more…
Accurate color model
Supports localization
English
Dutch
French
Brazilian Portuguese
easily translateable…
Smart window alignment
Complete API with events and methods
Easily extendable with plugins
RGB-Sliders
Cookie memory
Documented
Now with QUnit tests (
click here
)