> Source: https://tomatophp.com/docs/tomato-admin/inputs/color-switcher

# 🖌 Color Switcher

<figure><img src="https://raw.githubusercontent.com/tomatophp/docs/HEAD/.gitbook/assets/image (3) (1).png" alt=""><figcaption></figcaption></figure>

you can use a color switcher selector by using this component

```html
<x-tomato-admin-color 
    id="theme_color" 
    name="theme_color" 
    label="Theme Color" 
    required
/>
```

this component used [vue3-swatches](https://www.npmjs.com/package/vue3-swatches)