---
title: Flat ColorPicker
page_title: Flat ColorPicker - ColorPicker - Kendo UI for Vue
description: "Configure Kendo UI Flat ColorPicker wrapper for Vue."
slug: flat_colorpicker_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/inputs/flatcolorpicker"
position: 3
---

<div><WrapperBanner link="/kendo-vue-ui/components/inputs/flatcolorpicker"></WrapperBanner></div>

# Flat ColorPicker

The flat Kendo UI ColorPicker is an HSV (hue, saturation, value) color selector.

The Flat ColorPicker appears in the [`kendo-colorpicker`]({% slug overview_colorpicker_wrapper %}) popup By default, when no palette is otherwise defined.

{% meta height:400 %}
{% embed_file colorpicker/flat/main.vue preview %}
{% embed_file colorpicker/flat/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI ColorPicker for jQuery](https://docs.telerik.com/kendo-ui/controls/editors/colorpicker/overview)
* [API Reference of the Flat ColorPicker Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/flatcolorpicker)