Color picker
Control Types
Variants In color pickers
Positions
Valid positions include bottom left, bottom right,
top left, and top right.
Input Modes
RGB(A)
RGB input can be assigned by setting the
format option
to rgb.
RGBA input can be assigned by setting the
format
option to rgb and opacity option to
true.
Extra
Opacity can be assigned by including the
data-opacity
attribute or by setting the opacity option 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
Example with swatches.
Example with swatches and opacity.