The Shades Color Picker adds an additional pane to the standard Apple Color Picker. It is designed to help you choose colors by showing you grids of related colors.
Shades uses Hue - Saturation - Brightness (HSB) color coordinates which many people find more intuitive than Red - Green - Blue (RGB) color coordinates. To use Shades, you choose a center color, a step size and a color coordinate (one of H, S or B) to hold constant. Shades then draws a grid of related colors.
Shades holds one of hue, saturation or brightness constant and varies the other two. Choosing H-B from the segmented control gives a grid where the saturation is held constant, the hue varies horizontally and the brightness varies vertically. Similarly, B-S holds the hue constant while varying brightness and saturation across the grid and H-S holds the brightness constant while varying hue and saturation.
Whenever you change the center color, Shades recalculates and redraws the grid. In addition to using the controls on the panel, you can set the center color by dragging and dropping a color chip on the center of the grid or the color well at the top of the panel.
The color well at the top of Shades shows the currently selected color - the color that will be sent as the selected color to your application. By default this is the center color of the grid, but you can make any other color in the grid the current color by clicking on it.
This does not cause the grid to be recalculated or redrawn.
You can also drag a color chip from any of the color rectangles in the grid and drop it anywhere on any application or color well that accepts color drags.
· 30 days free trial