---
title: "Color picker form element"
date: "2017-11-13T08:02:03+00:00"
summary: "Choose the perfect color for your design with our intuitive Color picker form element. Easily add customizable color options to your Site Studio components and enhance your website's visual appeal."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/color-picker-form-element"
id: "036e3331-fd11-4432-9bae-5d6a5eed5d28"
---

Table of contents will be added

Use the Color picker form element to add a Color picker and color palette to your Component form. For more information, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Important

Always use the Color picker when making a color within your layout an editable field within your Component form. You cannot use a simple text input and ask editors to fill in a Hex value. The color selection within styles requires the color object provided by the color picker.

Locating the color picker form element
--------------------------------------

To find the Color picker form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Color picker form element.

![edac78c6-color-picker.png](https://acquia.widen.net/content/5edd559a-ccaf-403a-b8bf-d0a5f0b3a94a/web/edac78c6-color-picker.png)

The Color picker element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Field settings
--------------

*   **Hide picker tab -** Remove the option to select a color from the color picker.
*   **Colors allowed -** Choose to allow all colors, restrict by specific colors, or restrict by color tags.

Default
-------

*   **Default value (optional) -** Select a default color for the Color picker. 

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.