#Color picker wheel series

#Color picker wheel series

This brush lets you specify a series of points with corresponding colors and a center point with the corresponding color. The drawing of the wheel is done using PathGradientBrush. The ColorWheel class is the actual color wheel control itself. I created the HSLColor class for wrapping the RGB-HSL, and with the help of Wikipedia, it was just a simple matter of typing in the formula. The Color class already implements a GetHue, Saturation and Lightness ( Brightness), but unfortunately does not implement the Set method, so I needed a conversion from a RGB color to an HSL color.Īfter a bit of online searching, I came across this article in Wikipedia which explains the HSL color space and most conveniently also includes the equations for converting between RGB - HSL and vice versa. The color in the color wheel is represented by its hue and saturation value, where hue is the angle (0-360) with red being 0°, green 120° and blue 240°, and where the saturation is the distance from the center, where 0 (center) is white and 1 (on the circumference) is the fully saturated color.

Color control should appear as a combobox with the color picker in the dropdown container.

Opacity slider to adjust the opacity of the color.

Color wheel for selecting any arbitrary color.

Color picker (eye dropper) which lets you pick a color from anywhere on the screen.

Color table with some predefined colors.

After looking at a couple of different color pickers, I decided to go ahead and implement my own version which would meet these few requirements: I needed a color picker for a project I was working on, and I wanted something different from the standard ColorDialog. There are already several articles here on CodeProject describing different types of color pickers, and here is yet another example.