New to Telerik UI for BlazorStart a free 30-day trial

FlatColorPicker Views

Updated on Aug 24, 2026

The FlatColorPicker can display different views. They allow users to select a color from an interface that matches their preferences. The supported views are:

By default, both views are enabled and the gradient view is displayed first. Both behaviors can be configured via the FlatColorPicker FlatColorPickerViews container and View attribute.

FlatColorPickerGradientView

The GradientView uses a TelerikColorGradient component. The following ColorGradient attributes are exposed in the FlatColorPickerGradientView tag:

  • Format
  • Formats
  • ShowOpacityEditor

FlatColorPickerPaletteView

The PaletteView uses a TelerikColorPalette component. The following ColorPalette attributes are exposed in the FlatColorPickerPaletteView tag:

  • Columns
  • Colors
  • TileWidth
  • TileHeight

Example

Example
View Source
Loading ...

See Also