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

Declaration

Updated on Sep 24, 2025

This article demonstrates how you can declare a RadColorSelector and populate it with colors.

Selection

  • RadColorSelector has a SelectedColor property, which is of type Color and it is used to store selected color value.

    XAML
    	<telerik:RadColorSelector SelectedColor="Red" />
    C#
    	RadColorSelector colorSelector = new RadColorSelector();
    	colorSelector.SelectedColor = Colors.Red;
  • Whenever a color is selected the SelectedColorChanged event is raised:

    C#
    	colorSelector.SelectedColorChanged += new EventHandler(colorSelector_SelectedColorChanged);
    	
    	 void colorSelector_SelectedColorChanged(object sender, EventArgs e)
    	{
    	   RadColorSelector selector = sender as RadColorSelector;
    	   Color selectedColor = selector.SelectedColor;
    	}

Populating

You can populate the RadColorSelector with any of the built-in palettes using the ColorPreset enumeration. It has HeaderPalette, MainPalette and StandardPalette properties, which represent the corresponding parts of the selector.

  • MainPalette property:

    XAML
    	<telerik:RadColorSelector MainPalette="Grayscale" />
    C#
    	RadColorSelector colorSelector = new RadColorSelector();
    	colorSelector.MainPalette = ColorPreset.Grayscale;
  • HeaderPalette property:

    XAML
    	<telerik:RadColorSelector HeaderPalette="Office" />
    C#
    	RadColorSelector colorSelector = new RadColorSelector();
    	colorSelector.HeaderPalette = ColorPreset.Office;
  • StandardPalette property:

    XAML
    	<telerik:RadColorSelector StandardPalette="Standard" />
    C#
    	RadColorSelector colorSelector = new RadColorSelector();
    	colorSelector.StandardPalette = ColorPreset.Standard;
  • If you prefer to use your own collection of Colors you can always use HeaderPaletteItemsSource, MainPaletteItemsSource and StandardPaletteItemsSource.

    • StandardPaletteItemSource property

      XAML
      	<telerik:RadColorSelector StandardPaletteItemsSource="{Binding Source={StaticResource ColorList}}" />
      C#
      	RadColorSelector colorSelector = new RadColorSelector();
      	colorSelector.StandardPaletteVisibility = Visibility.Visible;
      	Collection<Color> colors = new Collection<Color>();
      	colors.Add(Colors.Red);
      	colors.Add(Colors.Green);
      	colors.Add(Colors.Blue);
      	colorSelector.StandardPaletteItemsSource = colors;
    • HeaderPaletteItemSource property

      XAML
      	<telerik:RadColorSelector HeaderPaletteItemsSource="{Binding Source={StaticResource ColorList}}" />
      C#
      	RadColorSelector colorSelector = new RadColorSelector();
      	colorSelector.HeaderPaletteVisibility = Visibility.Visible;
      	Collection<Color> colors = new Collection<Color>();
      	colors.Add(Colors.Red);
      	colors.Add(Colors.Green);
      	colors.Add(Colors.Blue);
      	colorSelector.HeaderPaletteItemsSource = colors;
    • MainPaletteItemSource property

      XAML
      	<telerik:RadColorSelector MainPaletteItemsSource="{Binding Source={StaticResource ColorList}}" />
      C#
      	RadColorSelector colorSelector = new RadColorSelector();
      	Collection<Color> colors = new Collection<Color>();
      	colors.Add(Colors.Red);
      	colors.Add(Colors.Green);
      	colors.Add(Colors.Blue);
      	colorSelector.MainPaletteItemsSource = colors;
In this article
SelectionPopulating
Not finding the help you need?
Contact Support