# Appearance

The ColorPicker provides a predefined set of appearance options.

Apart from the default vision of the ColorPicker, these alternative styling options enable you to configure each individual aspect of the appearance of a ColorPicker.

* [`size`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#size)
* [`fillMode`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#fillMode)
* [`rounded`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#rounded)

The following example demonstrates configuring different aspects of a colorpicker appearance through a configurator.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/colorpicker/appearance/source.txt)

## Suggested Links

* [API Reference of the ColorPicker](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops)
* [ColorPicker `size` options](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#size)
* [ColorPicker `fillMode` options](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#fillMode)
* [ColorPicker `rounded` options](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/colorpickerprops#rounded)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-vue-ui-develop/components/styling/theme-builder)