The FlatColorPicker provides intuitive color selection from a wide spectrum or a predefined palette for precise customization and flexibility.

FlatColorPicker Overview

The Telerik and Kendo UI FlatColorPicker component is a versatile UI element that allows users to select colors from a wide spectrum or from a set of predefined swatches, making it ideal for scenarios where precise color customization, flexibility, and ease of use are essential. It offers both a color gradient view for custom color picking and a color palette view for quick selections. FlatColorPicker allows users to preview the selected color before submitting it and ensure that specific contrast requirements are met.

Live Demo


The anatomy of the FlatColorPicker summarizes the elements of the component:

  1. ColorGradient icon button
  2. ColorPalette icon button
  3. Reset color icon button
  4. Selected and previous color preview
  5. FlatColorPicker header
  6. ColorGradient
  7. ColorPalette
  8. ColorPicker footer

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation: