jQuery MiniColors Plugin Example

Hue (default)

Saturation

Brightness

Wheel

Text field

Hidden Input

Inline

Valid positions include bottom left, bottom right, top left, and top right.

bottom left (default)

top left

bottom right

top right

RGB
RGB input can be assigned by setting the format option to rgb.

RGBA
RGBA input can be assigned by setting the format option to rgb and opacity option to true.

Opacity
Opacity can be assigned by including the data-opacity attribute or by setting the opacity option to true.

Keywords
CSS-wide keywords can be assigned by setting the keywords option to a comma-separated list of valid keywords:

transparent,
                initial, inherit

Default Value
This field has a default value assigned to it, so it will never be empty.

Letter Case
This field will always be uppercase.

Input Groups

Example using Bootstrap's input groups.

More Input Groups

Color

Input group example with addon.

Swatches
Example with swatches.

Swatches and opacity
Example with swatches and opacity.

License

Licensed under the MIT license, same as jQuery.