Color Picker Overview

Our Color Picker component can be found throughout our blocks.

This component is a pretty standard color picker.

To choose a color, simply click the color square or the label. Doing so will open the actual color picker.

Here you can choose your color by using the picker or entering a hex value.

Clearing a Color

To remove a color from the field, you need to click the “Clear Color” button.

Showing the Color Palette

If you want to choose from your color palette, click the Show Color Palette button.

Color Opacity

Some colors allow you to adjust their opacity. You can do this by adjusting the Opacity bar.