# C1ColorPicker Elements

Learn about the different elements in ColorPicker.

## Content



The **C1ColorPicker** control exists as a complete color selection control that you can customize further. When you click the drop-down button available on the C1ColorPicker, the control's interface looks similar to the following image:

![colorpicker_Inputcontrol](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/colorpicker_3.png)

The ellipses on the right of drop-down button let you select the basic colors that available in the color picker.

![colorpicker_input](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/colorpicker_2.png)

You can also define custom colors by clicking the **Default Custom Colors** button, creating a custom color from the color palette, and then adding the defined color to custom colors.

![colorpicker_control](https://cdn.mescius.io/document-site-files/images/6c2f30e9-4d3a-4f86-b649-ecbef777b3a3/images/colorpicker_1.png)