MARKETPLACE
PLUGINS
COLOR PICKER - SIMPLE & BEAUTIFUL
Color Picker - Simple & Beautiful logo

Color Picker - Simple & Beautiful

Published August 2021
   •    Updated today

Plugin details

Simple, beautiful and lightweight Color Picker. 100% tested and working on all devices.


Please read the documentation (in the plugin), the Bubble Editor and the example at the Service URL:

Editor, documentation, step-by-step and example:
https://bubble.io/page?type=page&name=color-picker&id=bubble-essential-plugins&tab=tabs-1

Demo page:
https://bubble-essential-plugins.bubbleapps.io/version-test/color-picker?debug_mode=true

Free

For everyone

3.7 stars   •   9 ratings
20.7K installs
This plugin does not collect or track your personal data.

Other actions

Contributor details

Renato Asse logo
Renato Asse
Joined 2018   •   65 Plugins
View contributor profile

Instructions

Simple, beautiful and lightweight Color Picker. 100% tested and working on all devices.


Please read the documentation (in the plugin), the Bubble Editor and the example at the Service URL:

Editor, documentation, step-by-step and example:
https://bubble.io/page?type=page&name=color-picker&id=bubble-essential-plugins&tab=tabs-1

Demo page:
https://bubble-essential-plugins.bubbleapps.io/version-test/color-picker?debug_mode=true

Types

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

Categories

This plugin can be found under the following categories:
Mobile   •   Productivity   •   Media   •   Social Network   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.7)
Perfect, do the job
July 27th, 2024
No issue, it works perfectly well. But I don't know why I have this into my debugger each time I open my app : The plugin Color Picker - Simple & Beautiful / element Color Picker threw the following error: TypeError: Cannot read properties of null (reading 'match') at eval (PLUGIN_1630165567096x291526050839265300/Color-Picker---Simple---Beautiful-initializeState_Color-Color-Picker--.js:3:21) at https://app.mykonform.com/package/run_debug_js/3f644f759ab5930558627ba550e5f179432b7066dc6065817ce00d47cc462043/xfalse/x29/run_debug.js:587:651 (please report this to the plugin author)
Error was occured
June 28th, 2024
Bug in custom code TypeError: Cannot read properties of null (reading 'match') at HTMLDocument.eval (PLUGIN_1630165567096x291526050839265300/Color-Picker---Simple---Beautiful-update--Color-Picker--.js:3:552) at e (https://workie-talkie.me/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js:2:30158) at t (https://workie-talkie.me/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js:2:30460) at root (https://workie-talkie.me/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js:2:31823)
Excelente plugin!
April 11th, 2024
Muito bom e eficiente! Se puder acrescentar a opção para definir a cor da borda do picker, vai ajudar bastante nos casos onde a cor selecionada é a mesma do container (o picker fica "invisível").
What is this error??
August 29th, 2023
Bug in custom code TypeError: Cannot read properties of null (reading 'match') at HTMLDocument.eval (PLUGIN_1630165567096x291526050839265300/Color-Picker---Simple---Beautiful-update--Color-Picker--.js:30:23) at e (https://portal.meetzy.io/package/run_debug_js/cc1b36f38c2fcd2b517d4ba272de5ce7f470449c97ef185a3bf50b5038b5790e/xfalse/x21/run_debug.js:10:30158) at t (https://portal.meetzy.io/package/run_debug_js/cc1b36f38c2fcd2b517d4ba272de5ce7f470449c97ef185a3bf50b5038b5790e/xfalse/x21/run_debug.js:10:30460) at root (https://portal.meetzy.io/package/run_debug_js/cc1b36f38c2fcd2b517d4ba272de5ce7f470449c97ef185a3bf50b5038b5790e/xfalse/x21/run_debug.js:10:31823)
Bug in custom code TypeError: Cannot read properties of null (reading 'match')     at HTMLDocument.eval (PLUGIN_1630165567096x291526050839265300/Color-Picker---Simple---Beautiful-update--Color-Picker--.js:30:26)     at e (https://pilulas-yowpi.bubbleapps.io/package/run_debug_js/848052d4da86bf73fac587f0e27abb4dc9c1599a15528377704ab9d28ad5fa77/xfalse/x23/run_debug.js:10:30158)     at t (https://pilulas-yowpi.bubbleapps.io/package/run_debug_js/848052d4da86bf73fac587f0e27abb4dc9c1599a15528377704ab9d28ad5fa77/xfalse/x23/run_debug.js:10:30460)     at root (https://pilulas-yowpi.bubbleapps.io/package/run_debug_js/848052d4da86bf73fac587f0e27abb4dc9c1599a15528377704ab9d28ad5fa77/xfalse/x23/run_debug.js:10:31823)
June 15th, 2023
Bug in custom code TypeError: Cannot read properties of null (reading 'match') at HTMLDocument.eval (PLUGIN_1630165567096x291526050839265300/Color-Picker---Simple---Beautiful-update--Color-Picker--.js:30:26) at e (https://pilulas-yowpi.bubbleapps.io/package/run_debug_js/848052d4da86bf73fac587f0e27abb4dc9c1599a15528377704ab9d28ad5fa77/xfalse/x23/run_debug.js:10:30158) at t (https://pilulas-yowpi.bubbleapps.io/package/run_debug_js/848052d4da86bf73fac587f0e27abb4dc9c1599a15528377704ab9d28ad5fa77/xfalse/x23/run_debug.js:10:30460) at root (https://pilulas-yowpi.bubbleapps.io/package/run_debug_js/848052d4da86bf73fac587f0e27abb4dc9c1599a15528377704ab9d28ad5fa77/xfalse/x23/run_debug.js:10:31823)
Bubble logo
Product
Design
Data
Logic
Collaboration
Security
AI prompts
Mobile
Status
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Cost estimator
FAQ
Learn
Academy
Technical guides
Blog
How to build
Resources
Connect to AI
Marketplace
Templates
Plugins
Bubble experts
Bootcamps
Coaching
Partnerships
Affiliates
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Values
Press
Brand guidelines
Support
Contact us
Terms
Privacy
Marketplace policies
Acceptable use
GDPR/DPA
Support policy
©  2025, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales