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

Color Picker - Simple & Beautiful

Published August 2021
   •    Updated this week

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.4 stars   •   10 ratings
24.3K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

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.4)

The option to get the color when the picker is closed is not working
August 24th, 2025
The plugin is cool. Issue is the option to get the color when the picker is closed is not working. Even when checked, when a user drags the color selection in the color spectrum, the system detects that the are dozens of colors being picked, leading to the page breaking and forcing the page to refresh. Will change the review if the author is able to update the plugin with fix.
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)
Bubble