MARKETPLACE
PLUGINS
AIR COLOR PICKER
Air Color Picker logo

Air Color Picker

Published July 2017
   •    Updated today

Plugin details

The Air Color Picker plugin provides an intuitive interface for users to select colors. This color picker can be integrated seamlessly into your application and allows for various customization options, including transparency settings, predefined palettes, and the ability to reset or show the selected color programmatically. It's a simple yet flexible tool for any scenario where color selection is required, such as design applications, user customization settings, or form inputs.                                                                                        
Usage Features:

- Set an initial color to be displayed when the picker is opened.
- Enable a transparency slider for users to adjust color opacity.
- Define custom color palettes or toggle between different palette views.
- Show an input field for users to manually enter color values.
- Reset the color picker to its initial state or a specific color programmatically.
- Display the current selected color in formats such as hex or RGB.
- Customize button text and labels for toggling and selection actions.
- Choose between different color formats like hex or RGB.
- Option to disable the picker for specific use cases.
- Adjust the picker’s appearance with customizable background color, border color, hover effects, and width.

 




Feedback



FAQ

- How can I set an initial color for the color picker?
You can set an initial color by specifying it in the "Initial color" field, and this color will be displayed when the picker is first opened.

- Is it possible to adjust the transparency of the selected color?
Yes, you can enable the "Show transparency slider" option, which allows users to adjust the transparency (opacity) of the selected color.

- Can I provide a predefined color palette for users to choose from?
Yes, you can define a custom color palette by specifying the colors in the "Palette colors" option, and users will be able to select from these predefined options.

- How can I reset the color picker to its initial state?
You can use the "Reset Picker" action to reset the color picker to the initial color or clear the selection.

- Which browsers does the Air Color Picker support?
The Air Color Picker supports a wide range of browsers, including Internet Explorer 6+, Chrome 4+, Firefox 3.6+, Safari 4+, Opera 11.1+, and iOS.







Other plugins from Zeroqode

- Random Colors Plugin for Bubble
- COLOR PRO Plugin for Bubble
- Gradient Transition Background Plugin for Bubble




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

Other actions

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Simply drop the color picker element on your page. Choose your options and style it the way you want and you're done.

Types

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

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.9)

Very good
January 29th, 2026
Hello, Anton from the Zeroqode Support Team here. We greatly appreciate your positive feedback and are glad to know that our plugin has met your expectations. Your satisfaction is our greatest reward. If there’s anything more we can do for you, don’t hesitate to get in touch through our forum (https://forum.zeroqode.com/) or directly at [email protected]. Thank you once again for choosing Zeroqode. Best regards, Anton
January 30th, 2026
  •  
Zeroqode - Top Bubble Agency
Functional but ugly
December 10th, 2025
Needs more ability to style it. The little triangle to show you can expand the color picker is atrocious. No way to customize makes this fairly useless.
Hello, This is Anton from the Zeroqode Support Team. We’ve added your suggestion regarding styling options (including the expand triangle for the color picker) to our plugin ideas list. Our development team will review it and check whether the underlying library allows this level of customization, and if it’s feasible, we’ll consider adding it in a future plugin update. We’d also like to note that we haven’t received any previous messages from you via email or our forum, so this is the first time this concern has reached us directly. If the plugin works as expected functionally and the main concern is limited customization, we’d be grateful if you consider revisiting your review once the context is clarified. That said, if you have any additional details, suggestions, or questions, we’re always happy to help feel free to reach out to us via our forum at forum.zeroqode.com or by email at [email protected]. Thanks again for your feedback, and we hope to hear from you. Best Regards, Anton
December 16th, 2025
  •  
Zeroqode - Top Bubble Agency
Powerful and polished
October 5th, 2025
Precise selection with a sleek UI and helpful presets. Integrates smoothly into forms and editors. Stable, fast, and a joy to use. LOVE IT!
Greetings, This is Anton from Zeroqode Support. We're extremely grateful for your review and happy to see that our solutions are up to your standards. Our mission at Zeroqode is to prioritize our users and their satisfaction. If you have suggestions or questions, or if there's anything specific you'd like to discuss, we invite you to reach out via our forum (https://forum.zeroqode.com/) or email ([email protected]). Best wishes, Anton
October 6th, 2025
  •  
Zeroqode - Top Bubble Agency
Great Plugin – A Few Fixes Would Make It Perfect!
October 25th, 2025
I've been using Air Color Picker for a while now, and I truly appreciate the effort that has gone into making this tool both functional and free. It's a great plugin for quickly picking and managing colors, and it used to be even more convenient before the recent update. Before the update, switching to rgba format would automatically generate output like rgba(255, 255, 255, 0.5), which was incredibly useful, especially when working with transparent color layers. However, after the latest update, switching to rgba simply displays the hex value (e.g., #ffffff) instead of the actual rgba code. This change has made it less efficient for those of us who regularly need the RGBA format. Please consider restoring this feature—it was a small thing that made a big difference in workflow. Also, I would love to see the addition of an eyedropper tool that allows users to pick colors from anywhere on the screen, not just within the plugin. This would be extremely helpful for UI/UX work and design tasks where matching external colors is essential. Here are a few more suggestions that could make Air Color Picker even better: Provide an option to copy color values in multiple formats at once (e.g., hex, rgba, hsl). Include a contrast checker to evaluate accessibility between text and background colors. Despite the recent hiccup, I still enjoy using this plugin and thank you again for your continued support and dedication to improving it.
Hello, 👋 This is Anton from the Zeroqode Support Team. Thank you for your honest review and for continuing to use the Air Color Picker plugin — we truly appreciate your support and feedback! Regarding the issue you mentioned about the RGBA format: we’ve thoroughly tested this on our demo page here: 👉 https://bubble.io/page?id=seanhootsdemopro&test_plugin=1498952719168x889602776416[…]current&tab=Design&name=aircolorpicker&type=page&elements=cmqtr3 … and based on our testing, the plugin correctly displays the RGBA value when that format is selected. If the plugin is still functioning well for your use case, we would kindly appreciate it if you’d consider updating your review rating it really helps our team and other users. As for your suggestions like the eyedropper tool, contrast checker, and multiple format copying they are excellent ideas! We’d love to dive into them further. Please feel free to reach out to us via our forum or by email at [email protected] so we can better evaluate each feature request and explore the possibility of including them in a future update. Looking forward to hearing from you! Best regards, Anton
October 30th, 2025
  •  
Zeroqode - Top Bubble Agency
Perfecto
August 1st, 2025
Hello there, Anton here, from the Zeroqode Support Team. Your positive review means a lot to us and it's wonderful to know we could add value for our users. Our team is always ready to assist, so if you have any queries or feedback, don't hesitate to reach out through our forum (https://forum.zeroqode.com/) or directly at [email protected]. Should there be any issues with our plugins, please report them at https://issues.zeroqode.com for prompt support. Thank you once again for your feedback. Kind regards, Anton
August 1st, 2025
  •  
Zeroqode - Top Bubble Agency
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
Immerse
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