Add the Native Color Picker element to a Bubble mobile page, then choose the picker layout from the Picker type field. The default picker type is panel, which shows a saturation/brightness color panel with hue and opacity controls.
Use Initial color to set the starting color. The plugin accepts common color formats such as HEX, RGB, and RGBA, for example #2564eb or rgba(235,37,96,1).

Use the visual behavior fields to control what appears in the picker:

Show opacity slider displays the alpha/opacity control.
Show swatches displays preset color chips.
Show preview displays the selected color preview.
Show labels displays labels and formatted values.
Show HEX value, Show RGB value, and Show HSL value show those color outputs beside the preview.
Show copy icon adds a copy button beside displayed color values.
Dark mode switches the picker between light and dark styling.
Show channel inputs displays editable numeric channel fields for picker types that use RGB/HSV channel controls.
Use the plugin states to save or display the selected color elsewhere in your app. Common states include hex, rgba, rgb, hsl, hsla, hsv, red, green, blue, hue, saturation, brightness, and alpha.

Use the Color changed event to run workflows whenever the selected color changes. Use the plugin actions when you need to control the picker from a workflow, such as setting a color from a Bubble field, resetting it, setting HSV manually, or randomizing the selected color.