Generate a color associated to a percentage, from a pre-defined gradient and a number. For instance 1 will return light green and 100 will return dark red. This is very useful to show a percent in a visual way.


       
⚡ Main Functions:

• Dynamic Color Generation.
Generate a color dynamically based on a percentage value from a pre-defined gradient.
• Visual Status Mapping.
Visually represent progress or status by linking numbers to color intensity or shifts.
• RGB & HEX Support.
Support both RGB and HEX color formats with automatic detection.
• Dynamic Data Reaction.
Work with dynamic data - colors adjust automatically as percentage values change.

⚡ Key Features:

📊 Versatile Use Cases
Ideal for progress bars, score indicators, performance visualizations, and more.
⚙️ Workflow Integration
Simple integration into Bubble workflows for real-time color updates.
🎨 Improved UX & Readability
Enhance user experience and data readability with intuitive color mapping.



Documentation

We’ve created a detailed step-by-step guide for the Percent Color plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
FAQ

What does this plugin do?
It generates a color associated with a percentage value from a pre-defined gradient, allowing you to visually represent data such as progress or performance metrics.​

How do I set up the plugin?
Place the plugin element on your page, define your gradient colors, and input the percentage value. The plugin will output the corresponding color based on the defined gradient.​

Can I use both RGB and HEX color formats?
Yes, the plugin automatically detects and works with both RGB and HEX color formats.​

Is it possible to use dynamic percentage values?
Yes, you can input dynamic percentage values, and the plugin will update the color output in real-time based on the changing data.




Other plugins from Zeroqode

- ZQ Color Picker
- Animated Gradient Pro
- Air Color Picker
- Random Colors
- Algorithmia Color Tool
- COLOR PRO
- SVG Icon Custom Color
- SVG Color Editor




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)!