### Color picker

Add color picker to field or to any other element. It can be used as a component, alpha picker and more.

#### jQuery MiniColors

##### Control Types

Hue (default)
Saturation
Brightness
Wheel

##### Positions

bottom left (default)
top left
bottom right
top right

##### Input Modes

Text field
Hidden Input
Inline

##### RGB(A)

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`.

##### More Options

Opacity

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

Default Value

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

Swatches

Example with swatches.

Keywords

CSS-wide keywords can be assigned by setting the `keywords` option to a comma-separated list of valid keywords: `transparent, initial, inherit`.

Letter Case

This field will always be uppercase.

Swatches and opacity

Example with swatches and opacity.

#### Spectrum Color Picker

Basic Picker

Default Color Picker

Hide Buttons

Display Color Picker without buttons

Disable/Enable Picker

Disable / Enable Color Picker

Change button text

Specify custom button text

Picker Color Option

Change picker color using custom container color class

Change selector color

Change selector color using custom replacer color class

Clear Selection

Clear current color selection

Show initial color

Show color that was set at the time of initialization

Show initial color & input field

Add input to type color code or select any color

Color Transparency

Allow color transparency selection

Full Featured

Fully featured color picker example

Show color palette

Color palette will display recently used colors

Show Palette Only

Show the palettes you specify, and nothing else.

Toggle Palette Only

Show a button to toggle the color picker next to the palette.

Selection Palette

Color palette will display recently used colors

Color Format HEX

Preferred Format HEX

Color Format HEX3

Preferred Format HEX3

Color Format HSL

Preferred Format HSL

Color Format RGB

Preferred Format RGB

Color Format NAME

Preferred Format NAME (Falls back to hex)

Color Format None

Preferred Format None (Depends on input - try changing formats with the text box)

Show event

Called after the picker is opened

Drag start event

Called as the drag event starts

Move event

Called as the user moves around

Basic flat picker

Basic full size color picker

Flat color palette

Display both palette with show/hide picker toggle

Full featured

Full featured flat picker