Color Formatter

Demo to preview the plugin:

Introduction

This plugin allows you to convert colors into other formats and do some color processing.
Supported Actions: Hex to RGB, Hex to Name, Hex to HSL, Hex to HSV, Hex to Hex8, Any Color to Hex, Random Color, Get Brightness of color, Is the color light/dark, is the color a valid color.
This plugin runs server side, and the actions can be triggered within your workflows.
Image without caption

How to setup

  1. Add a Workflow
      • Go to the Workflow tab in your Bubble editor and create a new workflow (e.g. “When a button is clicked”).
  1. Use a Plugin Action
    1. Click “+” → Plugins → Color Formatter Plugin and choose the action you need, such as:
      • Hex To RGB to get the RGB values of a HEX color.
        • Workflow action → Hex To RGB.
          Workflow action → Hex To RGB.
      • Get Brightness to measure how bright a color is.
        • Workflow action → Get Brightness.
          Workflow action → Get Brightness.
      • Is Color Light? to adapt your UI colors conditionally.
        • Workflow action → Is Color Light?.
          Workflow action → Is Color Light?.
      • Random Color to generate dynamic visual effects.
        • Workflow action → Random Color.
          Workflow action → Random Color.

Plugin Actions

Is Valid Color?

Hex to RGB

Hex to Name

Hex to HSV

Hex to HSL

Hex to HEX8 String

Color to Hex

Get Brightness

Random Color

Is Color Light?

Is Color Dark?

Image without caption

Changelogs