> For the complete documentation index, see [llms.txt](https://documentation.alpaco.email/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.alpaco.email/template/input-groups/input-types/color-picker.md).

# Color Picker

Unlike Select, where you can create things like themes that will alter your entire color palate, Color Picker is meant for when you want to give users a color wheel to pick any color manually

A **Color Picker** input is great for when you need to give the user flexibility to pick just the exact color they need. The color modes along with the eyedrop tool build into the color picker gives your user immense freedom, without sacrificing the validity of the output, making sure it's always valid and doesn't change from what you intended it to.

Works great for:

* Text colors
* Background color
* Places where opacity is a important
* Places where matching or deviating the color of an image is important

### Template Editor

When creating a new **Color picker** input, you will be able to choose between RGBA and HEX mode as well as the default color.&#x20;

<div align="left"><figure><img src="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FMkW0AzZrYvej8Ero53Gx%2FSk%C3%A6rmbillede%202025-02-05%20135311.png?alt=media&amp;token=8b389a19-62a1-455f-91c2-420c1ccf5a7f" alt=""><figcaption></figcaption></figure></div>

### Email Editor

<div align="left"><figure><img src="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FaRlMiFkVuIsz3EcYiY6O%2FSk%C3%A6rmbillede%202025-02-05%20135944.png?alt=media&amp;token=74a1f9e0-d493-4754-a3c0-8cde4511cd04" alt="" width="370"><figcaption><p>This is how it looks in the Email Editor</p></figcaption></figure></div>
