The Color Picker field offers a visual swatch and HEX‑code selector, perfect for theme or brand color inputs.
This field can be used to capture color values in the following scenarios among many others:
Defining brand colors for page sections or components.
Allowing editors to customize background or text colors without CSS.
Capturing design tokens directly in content entries.
Key Configuration Options:
Default Tab
Field Name : Enter the display name for the field.
Internal Field Name: This field is auto-populated based on the Field Name.
After mastering media and color inputs, move on to Choice & Relations Fields, where you’ll learn to capture selections (booleans, dropdowns) and link entries across models.