## Color Picker

Proin placerat ante duiullam scelerisque a velit ac porta, fusce sit amet vestibulum mi. Morbi lobortis pulvinar quam.

##### Minicolors

#### Control Types

Hue (default)
Saturation
Brightness
Wheel

##### Input Modes

Text field
Hidden Input
Inline

##### Positions

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

bottom left (default)
top left
bottom right
top right

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

##### Different Styles

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

###### Input group example with addon.

Color
Swatches

###### Example with swatches.

Swatches and opacity

###### Example with swatches and opacity.