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

Palette

configuration

Specifies the color palette to display. It can be a string with comma-separated colors in hex representation, an array of kendo.Color object objects or of strings that parseColor understands. As a shortcut, you can pass "basic" to get the simple palette (this is the default) or "websafe" to get the Web-safe palette.

palette

String|Array

Default: "basic"

<div id="palette"></div>
<script>
$("#palette").kendoColorPalette({
  palette: "websafe"
});
</script>

<div id="palette"></div>
<script>
$("#palette").kendoColorPalette({
  palette: [ "#000", "#333", "#666", "#999", "#ccc", "#fff" ],
  columns: 6
});
</script>