Advanced Color Picker modifies the existing Color Picker Field block; therefore, the new settings are located in the Field Settings section. To find it, navigate to JetForms > Forms and click to edit one of the created forms. If there are none, press the “Add New” button and build a form. Next, click on the plus-shaped button in the upper left corner of the page editing window. Type “Color Picker Field” in the Search bar and drag-and-drop this block to the desired area.

In the right-side menu, you will see the Field Settings section with several new settings. Let’s have a closer look at them.

• Use Advanced Color Picker. This toggle switcher allows you to enable/disable the advanced color picker functionality;
• Value Format. This drop-down list stores the available formats of the return value. There are two options here – “HEX” and “RGB.” The difference between these two options is the used color code. HEX returns a 6-figure value, whereas RGB uses a combination of three numbers. You can use either one of them unless you work with JetEngine meta fields. In this case, the HEX format is preferable;
• Show Alpha (opacity). This toggle lets you activate/deactivate the switcher that can be used to adjust the color opacity level.