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
format option to rgb.
RGBA input can be assigned by setting the
formatoption to rgb and
opacity option totrue.
…And More!
Opacity can be assigned by including the
data-opacityattribute or by setting the
opacity option totrue.
CSS-wide keywords can be assigned by setting
the
keywordsoption 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.
Input group example with addon.
Example with swatches.
Example with swatches and opacity.