MARKETPLACE
PLUGINS
COLOR PICKER
Color Picker logo

Color Picker

Published July 2021
   •    Updated March 2026

Plugin details

Flat, Simple, Hackable Color-Picker. With up to 3 different designs of picker.

Use components such as HEXA, RGBA, HSLA to choose colors.

Select your Element between an Input or a Button (transparent)

Color can be accesed via 'Color Picker's color' and is a string in the format of output selection (HEX, RGBA, HSLA)

Demo: https://datamatic-02.bubbleapps.io/version-test/color-picker

Editor: https://bubble.io/page?id=datamatic-02&version=test&name=color-picker&tab=Design

Free

For everyone

2.6 stars   •   5 ratings
1.8K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Datamatic Software logo
Datamatic Software
Joined 2022   •   36 Plugins
View contributor profile

Instructions

1. Add Plugin to your app 2. Drag Element 'Color Picker' into your Bubble Editor
3. Choose a theme (for example classic)
4. Choose a selector (for example buton)
5. Set a default color (#FFFFFF) and a Output string (HEXA)
6. Put a background color in the Element (for example #AAA)
7. You can grab the color that is selected in Color Picker with it's property 'color' on return. You will need to set any color atttribute to Dynamic, and choose 'Color Picker's color'

Types

This plugin can be found under the following types:
Background Services   •   Element

Categories

This plugin can be found under the following categories:
Productivity   •   Customer Support   •   Media   •   Containers   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.6)

Modern plugin but having a functional BUG
April 13th, 2025
Would be easily the best and modern color picker on the marketplace. But too bad that ther is a bug and once you are trying to choose the color, it turns automatically to default color. Therefor you can't see the color you have picked.
Can't access demo editor, color doesn't change on click
May 13th, 2024
For a reason I cannot yet see since I cannot access your editor for the demo, I cannot make this work. My issue is, when trying to change the color on the element I put in my page, it simply always comes back to the default color I created... Couldn't find why, and this is blocking for me to use it. Will change my review if this bug is solved.
Default Color overrides User selection
January 26th, 2024
I like the look of the color picker... it's more modern than some of the more modern ones. However, it takes messing with Conditional statements to keep the user selection in place. If you add a default color, the background of the picker will automatically switch to the default after user selection. Needs some polishing.
Nice plugin!
March 1st, 2023
Great plugin with one error
February 12th, 2022
Great plugin that is easy to use. However, if you set a default color, you can't choose a new color from the picker. Kind of a pain. Great otherwise, though.
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Podcast
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales