We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The WPF ColorPicker allows users to select a color visually in a WYSIWYG interface. The control provides RGB, HSV, and hex color modes for color selection. Eye dropper support lets users pick colors from any application.

Different modes for choosing colors: RGB, HSV, and hex values

Easily pick a color using RGB, HSV, or hex color values. Sliders make it easy to select color values. Preview the selected color within the control.

rgb and hsv color code in wpf ColorPicker control

Eye dropper

The eye dropper tool supports picking a color from any part of the application. The color values are updated based on the selected color.

wpf ColorPicker control supports eye dropper

Gradient editor

The WPF ColorPicker control supports solid color selection, as well as gradient colors. A gradient editor allows users to set gradient stops, starting points, and end points to choose the gradient color. A preview box lets users see the selected gradient color.

Gradient editor in wpf ColorPicker control

System colors

Built-in system colors are available in a list with color names. This makes it easy to use the system color resources.

System colors list in wpf ColorPicker control


The WPF ColorPicker control contains built-in themes to suit all themed applications.

wpf ColorPicker control in different styles

Right to left

Supports right-to-left (RTL) direction for users working in right-to-left languages like Hebrew, Arabic,or Persian.

right to left support in wpf ColorPicker control

WPF ColorPicker Code Example

Easily get started with the WPF ColorPicker using a few simple lines of XAML and C# code example as demonstrated below. Also explore our WPF ColorPicker Example that shows you how to render and configure the ColorPicker in WPF.

<syncfusion:ColorPicker Name="colorPicker" Height="100" Width="280"/>
using Syncfusion.Windows.Shared; 
public partial class MainWindow : Window 
    public MainWindow() 
        ColorPicker colorPicker = new ColorPicker(); 
        colorPicker.Width = 300; 
        colorPicker.Height = 100; 
        this.Content = colorPicker; 


Frequently Asked Questions

Syncfusion WPF ColorPicker provides the following:

  • Support for hex code, RGBA, and HSV editing.
  • Inbuilt gradient support.
  • Inbuilt opacity adjustment capabilities.
  • An eyedropper to pick colors from the screen easily.
  • MVVM support.
  • Has a simple configuration and APIs.
  • Is touch-friendly and responsive.
  • Learn quickly and get started with WPF ColorPicker using its extensive demos and documentation.

You can find our WPF ColorPicker demo on

GitHub location.

App center location.

Microsoft location.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion wpf Resources


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile