MARKETPLACE
PLUGINS
COLOR PICKER
Color Picker logo

Color Picker

Published May 2025
   •    Updated May 2026

Plugin details

This Bubble.io plugin provides a customizable color picker for selecting colors within your Bubble app. With an elegant interface, it enables precise color selection. Switch between multiple input formats (HEX, RGB, HSL) while maintaining exact values, and enjoy smooth interactions with dynamic property support.
Demo



Features
🔥 Pixel-perfect color accuracy that eliminates conversion errors and keeps typed values exact
🔥 Multiple color formats: switch between HEX, RGB, and HSL with configurable initial format
🔥 Dynamic property updates that automatically respond to changes while preserving user selections
🔥 Professional color selection with canvas, hue slider, and transparency slider for precise control

 


Need a new app or redesign?  
Check us out at TinyBuild Studio  



Want to enhance your Bubble.io apps?  
Check out TinyUIKit  


Free

For everyone

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

Other actions

Platform

Web

Contributor details

Paul logo
Paul
Joined 2020   •   25 Plugins
View contributor profile

Instructions

How to Use 1️⃣ Install the "Color Picker" plugin from the Bubble marketplace
2️⃣ Add the "color-picker" element to your page
3️⃣ Configure default color and initial format in the element properties
4️⃣ Use the "current-color" state to access the selected color in your workflows

You can see how the plugin is being used here:

https://tiny-color-picker.bubbleapps.io/version-test

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Small Business   •   Productivity   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble