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="colorpicker"></div>
<script>
$("#colorpicker").kendoColorPicker();
var colorpicker = $("#colorpicker").data("kendoColorPicker");

// set picker color
colorpicker.color(kendo.parseColor("#ff0000"));

// get picker color
var currentColor = colorpicker.color();
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(currentColor.toHex()); // logs the color in hex format
</script>