The Coloricker shows a complex widget to let the user chose a color from a colorwheel or by sliders. The value is returned into a user variable. You can update the colorpicker as well, by changing the assigned user variable and then call the updatewidget action. You can specify an action as well which is called. when the user changes the color The following attributes are additional attributes to common widget attributes

Below you see an example for a colorpicker widget

<element name="ColorPicker HUE" type="COLORPICKER" posx="%15" posy='of:totop:Anchor BottomGap' width="%30" height="%85" destvar="hue" action="$dvar(definition_alias_philips_hue) Set Lights Philips Hue by Widget" />