Spectrum / Docs

Swatches

Each individual color in a scheme is referred to as a swatch. In spectrum, the swatches are displayed above the color wheel.

Swatches

The Active Swatch

The active swatch refers the currently selected swatch. The color inspector and the brightness slider next to the color wheel always refer to this swatch.

The active swatch is visually denoted by an indicator light below it, as well as being drawn in bold on the color wheel (as depicted in the image above).

Clicking on a swatch makes it active. You can also use the left and right arrow keys to change the active swatch.

Adding a swatch

There are two ways you can add a new swatch –

Option 1: Click on the Add button (the plus sign) in the top right corner of the window. This will insert a swatch at the end of the current palette.

Option 2: Right click on an existing swatch and select Duplicate from the popup menu. This will create a duplicate copy of that swatch right next to the original one.

Deleting a swatch

To delete a swatch, first select it by clicking on it. Then click on the Remove button (the minus sign) in the top right corner of the window. Alternatively, you can right click on the swatch and select Delete from the popup menu.

Re-arranging swatches

You can drag any swatch to a new position in the color scheme.

Copying swatches

To quickly copy a swatch’s color value, right click on the swatch. From the popup menu, select one of the color formats to copy.

You can also drag and drop a swatch into any Mac app to insert its hexadecimal (standard css/web format) color value.

A selected swatch’s color components are also displayed in the color inspector.