New to Kendo UI for jQuery? Start a free 30-day trial

Color

methods

Get or set the selected color. If no argument is given, this returns the currently selected color as a kendo.Color object.

color

Returns:kendo.Color

the current value

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker();
var flatpicker = $("#flatcolorpicker").data("kendoFlatColorPicker");

// set the color
flatpicker.color("#ff6358");

// get the currently selected color
var selectedColor = flatpicker.color();
console.log(selectedColor.toHex()); // "#ff6358"
</script>