This illustration shows the three elements of a color picker control.
The button-like element in the upper left corner is a color chooser. It displays a violet square with the following corresponding label: b380b3.
The color palette below the color chooser shows 120 color patterns in a 12x10 grid. A violet square is highlighted with a solid dark border. The Custom Color ... link appears below the color grid.
The Custom Colors dialog window below the color palette has the following elements (from left to right and from top to bottom):
The color area that displays a range of violet from bright violet to the black.
The color bar, which is a vertical color spectrum with the selected violet color.
The horizontal color pattern strip with violet as the Current Color and light violet as the New Color.
The settings area. This area consists of three tabs: HSB, RGB, and Web. The HSB tab contains the Hue, Saturation, and Brightness sliders. The text fields shows the corresponding values as follows: 300 for hue, 16 for saturation, and 89 for brightness.
The Opacity slider showing the value of 100.
The Save, Use, and Cancel buttons at the bottom right of the Custom Colors dialog window.