The color field allows users to select a color via a color picker. It returns the color's hex code.

When configuring a Color field you'll see the options to set the Field name and API ID.

The following table displays the JSON configuration options available in the JSON editor.

The label that shows up for the field in the entry editor

The following JSON defines a Color field:

"example_color": {
  "type": "Color",
  "config": {
    "label": "Color"
  }
}

Here is an API response example of a Color field with the API ID of example_color:

// API response example of a Color field

{
  //...
  "example_color": "#5b295f"
}

The Color field allows content writers to select a color through a variety of color pickers and have the option to input a hex color value manually.

This article explains what the Color field is and how to configure it in the Custom Type builder.

Configure the Color Field

The visual builder