Kendo UI for jQuery ColorPicker Overview

The ColorPicker is a drop-down list for selecting colors.

It is designed to replace the HTML5 <input type="color"> tag which is not supported in all browsers.

The default popup contains a gradient with HEX input.

Kendo UI for jQuery Kendoka image

The ColorPicker is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Kendo UI for jQuery HEX ColorPicker

You can also create a simple ColorPicker and render 20 colors.

Kendo UI for jQuery ColorPicker with a basic palette

Functionality and Features

  • Appearance—The available styling options allow you to configure the component and change its appearance.
  • Contrast Tool—A tool for checking the color contrast ratio between two colors.
  • RGB and HEX Formats—The ColorPicker supports RGB and HEX formats.
  • Views—The component allows you to choose between a gradient and a palette view.

Next Steps

See Also

In this article