A simple and efficient way to pick colors, similar to the Visual Studio color editor.
Gradient brush and solid color brush allow users to pick colors easily.
Eye dropper support lets users pick colors from any application.

.NET 10 support now available

Trusted by the world’s leading companies

WPF colorpicker

Overview

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.

Selection mode documentation

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 documentation

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

Themes

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.

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

Not sure how to create your first WPF ColorPicker? Our documentation can help.

I’d love to read it now

ALL CONTROLS

GRIDS

DATA VISUALIZATION

MODERN THEMES

Theme Studio

LAYOUT

NAVIGATION

INPUT CONTROLS

BUTTONS

CALENDARS

BUSINESS INTELLIGENCE

DATA SCIENCE

Predictive Analytics

MISCELLANEOUS

LISTS & DROPDOWN

NOTIFICATION

FILE VIEWERS & EDITORS

CONVERSATIONAL UI

AI AssistView PREVIEW

Frequently Asked Questions

✅ Why should you choose Syncfusion WPF ColorPicker?

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.

✅ Where can I find the Syncfusion WPF ColorPicker demo?

You can find our WPF ColorPicker demo on

GitHub location.

App center location.

Microsoft location.

✅ Can I download and utilize the Syncfusion WPF ColorPicker for free?

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.

✅ How do I get started with Syncfusion WPF ColorPicker?

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.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story