MARKETPLACE
PLUGINS
ADVANCED COLOR PICKER
Advanced Color Picker logo

Advanced Color Picker

Published June 2025
   •    Updated January 2026

Plugin details

A versatile and customizable color picker element for Bubble apps, featuring multiple themes, opacity control, and real-time color selection state. Easily integrate a professional-grade color picker with flexible styling options matching your app design.
Service URL -

https://plugin-49094.bubbleapps.io/version-test/advanced_color_picker


Editor URL

https://bubble.io/page?id=plugin-49094&test_plugin=1748961945993x595420502915022800_current&tab=Design&name=advanced_color_picker&type=page&elements=bTIWp

Free

For everyone

stars   •   0 ratings
7 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

JiPalJi logo
JiPalJi
Joined 2022   •   23 Plugins
View contributor profile

Instructions

1. Drag and drop the "Advanced Color Picker" element onto your Bubble page.
2. Set the initial color (hex code) to your desired default color.

3. Customize style options using the provided styling properties for padding, font size, border, background, and more.

4. Use the plugin's selected_color state in your workflows to get the currently selected color.

5. Optionally, use workflow actions (coming soon) to programmatically set or reset the color.

6.  Preview your page to interact with the color picker.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble