SIMPLE MODERN COLOR PICKER

Simple Modern Color Picker

Published September 2023

    •    Updated this month

Plugin details

A lightweight modern color picker that lets users choose colors instantly. Customize borders, backgrounds, and styling to fit your UI - perfect for any feature that relies on user-selected colors.

⚡ Main Functions:

• Color Customization.
    Set initial color and adjust background or input colors.
• Border Controls.
    Edit border width, color and radius for styled elements.
• RGB Data Binding.
    Support for RGB values to sync color selections dynamically.

⚡ Key Features:

🎨 Button Styling
      Customize button color to match your UI.
🖌️ Flexible Appearance
      Fine-tune visuals for consistent design across elements.

Documentation

We’ve created a detailed step-by-step guide for the Simple Modern Color Picker plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

FAQ

- Can I bind the selected color value to other elements?
Yes, you can bind the selected color to other elements or workflows within your application for dynamic color updates.

- Does the color picker support RGB values?
Yes, the color picker supports RGB values for easy integration with various color applications.

- Can I customize the appearance of the color picker?
Yes, you can fully customize the appearance, including colors, border properties, and button styles.

- Is the color picker responsive?
Yes, the Simple Modern Color Picker is designed to be responsive and will adjust based on the screen size.

- Can I trigger workflows when the color changes?
Yes, the plugin includes a "Value Changed" event that you can use to trigger workflows when a new color is selected.

Our Similar Plugins

- ZQ Color Picker
- Air Color Picker
- Random Colors
- Algorithmia Color Tool
- COLOR PRO
- SVG Icon Custom Color
- Percent Color #dynamic #gradient

Support

If you still have questions or unresolved issues, you can contact us.

Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

Donations

🔥 Please support our efforts to keep this plugin free—your donations help us invest the time and resources needed to continue maintaining and improving it for everyone's benefit:  https://zeroqo.de/support.

Free

For everyone

3.7 stars   •   6 ratings

1.6K installs

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency

Joined 2016   •   846 Plugins

View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/simple-modern-color-picker

Types

This plugin can be found under the following types:

Element   •   Event   •   Action

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (3.7)

Good but need option to change value inside the picker

December 4th, 2025

This plugin is almost perfect the only thing it needs is been able to change from rgb to hex inside the picker the only way is you adding a hex color then when you save and look another it keeps with the hex format, just to clarify I am not talking about the value you can get in the states I am talking the input inside the picker showing the value.

Hello, 👋
This is Anton from the Zeroqode Support Team.

Thank you for your review and for sharing your suggestion  we truly appreciate your feedback. 🙌

We understand the importance of having the ability to switch between RGB and HEX formats directly inside the picker input, and we agree that this could be a useful enhancement. We've added your idea to our internal feature request list. While we can’t promise an exact timeline, we’ll make sure to notify you if and when this functionality is implemented.

In the meantime, if you have any further questions or suggestions, feel free to reach out to us via our forum at forum.zeroqode.com or by email at [email protected]. We're always here to help!

Best regards,
Anton

December 8th, 2025

•

Zeroqode - Top Bubble Agency

The default color is broken.

October 24th, 2025

It always starts off with a checkered black and white until you click, then it shows the color options. Very annoying and doesn't look professional.

Hello, 👋
This is Anton from the Zeroqode Support Team.

Thank you for your feedback, and we’re sorry to hear about the inconvenience you've experienced.

We understand how important it is for the plugin to deliver a smooth and professional user experience. From our side, everything appears to be functioning as expected, and during our internal testing, we weren’t able to replicate the issue you've described.

Additionally, we haven’t received any direct messages or contact information from you, so we weren’t able to reach out and assist further. We’d love the opportunity to look into this more closely and help you resolve it.

Please feel free to get in touch with us via our forum at forum.zeroqode.com
 or by email at [email protected] , and we’ll be happy to investigate the issue together.

Looking forward to hearing from you!

Best regards,
Anton

October 27th, 2025

•

Zeroqode - Top Bubble Agency

Great plugin, but careful with the initial value !

May 13th, 2024

Hey there,

If a color gets selected by using the color picker, it will return a HEX color. If you however supply a non HEX color (e.g. by using the Bubble color picker as that returns RGBA) the output will also be in that format. You can also see this on the demo page: https://simple-color-picker.bubbleapps.io/version-test

- Thimo (plugin author)

May 13th, 2024

•

Original reviewer

Let me try this again, because indeed I input the Bubble color picker ! That may be the cause of the fuzz here...! 

May 13th, 2024

•

Original reviewer

Good plugin. How can I contact developer?

January 17th, 2024

Good plugin. But I want to do something diffrent.

1) Hide color picker when user click save button.
2) Change plugins element's color data when click the color(without save button & without auto-binding).

I couldn't do "Contact" action through contributor's page. (maybe it's bubble's bug)

And I couldn't find Thimo(plugin author)'s email. Please tell me your email please.

Really good, but missing simple feature

November 5th, 2023

This is a really good plugin. The only thing I couldn't figure out was how to get the color selector to hide after you click 'save'

Hi there,

Leaving a review is not the way to submit feature requests. The color picker does not hide when clicking “save”. The color picker operates like a group focus and hides when click outside of it.

If you want me to implement a hide feature when save is clicked please reach out to me via email or on the bubble forum.

Regards,
Thimo
 (plugin author)

November 5th, 2023

•

Original reviewer

Product

Bubble for

Discover

How Bubble works

Examples

Pricing

Learn

Resources

Community

Company

Legal

Terms

Privacy

©  2026, Bubble Group, Inc. All rights reserved.

Simple Modern Color Picker

Plugin details

Free

For everyone

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

Average rating (3.7)