Color Picker
Control Types
Input Modes
Positions
Valid positions include bottom left, bottom right, top left, and top right.
RGB(A)
RGB input can be assigned by setting the
formatoption to rgb.
RGBA input can be assigned by setting the
format option to rgband opacityoption to true.
…and more!
Opacity can be assigned by including the
data-opacity attribute or by setting the opacityoption to true.
CSS-wide keywords can be assigned by setting the
keywords option to a comma-separated list of valid keywords: transparent, initial, inherit.
This field has a default value assigned to it, so it will never be empty.
This field will always be uppercase.
Color
Input group example with addon.
Example with swatches.
Example with swatches and opacity.


