# Color Picker Input

## **General**

General settings for the **Color Picker Input**.

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FZ32lVtimBGcIeudMtymP%2Fcolor-picker1.png?alt=media&#x26;token=56b74e00-61fa-487a-9ca2-26b33507801c" alt=""><figcaption></figcaption></figure>

### Label

Add the label for your color picker input field.

### Field Name

Specify the field name used to save the color picker input's data.

### Field Placeholder

Set a placeholder text to guide the user on what to enter in the color picker input field.

### Required

Enable this option to make the color picker input mandatory, preventing users from submitting the form without selecting a color.

## Styles

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FxfLGM6Ft8wybq25yXA3L%2Fcolor-picker2.png?alt=media&#x26;token=5e34c6a0-889c-49c1-b4e5-15c7717bc37f" alt=""><figcaption></figcaption></figure>

### Default Color

Set the default color that appears when the input field first loads.

### Hover Text Color

**Light Theme**

Set the text color when the color picker input is hovered in the light theme.

**Dark Theme**

Set the text color when the color picker input is hovered in the dark theme.

### Hover Background Color

**Light Theme**

Set the background color when the color picker input is hovered in the light theme.

**Dark Theme**

Set the background color when the color picker input is hovered in the dark theme.

***