🚀 How to Use 1. Add the plugin element to your page
The visible preview box is what users click to open the color picker.

2. Use external inputs to control it
🎨 Update color via input:
Add a normal text input (e.g., Input A)

Workflow:

When Input A's value is changed → Action: Set Color From Input
Element: your color picker
Value: Input A's value (#ff0000, etc.)

🎚️ Update opacity via slider:
Add a Bubble slider (0–1)

Workflow:

When Slider A's value is changed → Action: Set Opacity From Slider
Element: your color picker
Value: Slider A's value

3. Access current values
You can use:

This Color Picker's color_hex → #rrggbb

This Color Picker's color_rgba → rgba(r,g,b,a)

This Color Picker's opacity → 0 to 1

4. Trigger workflows on color change
Use the event:

When This Color Picker's color_picker_changed

This triggers when:

The user picks a color using the native picker

You change the color/opacity via workflow