Preview and color roles

Preview shows your palette in a Web page, Mobile app, Poster, or Illustration. Choose an example, then use Change all colors to shift all its color assignments.

Controls by platform

Mac

• Over the preview canvas, scroll the mouse wheel or trackpad to zoom around the pointer, or pinch the trackpad. Hold Shift while scrolling for 10-percentage-point zoom steps. You can also use the zoom buttons; Shift-click them for the same fine steps. Drag the enlarged canvas to pan and click the zoom percentage to reset to fit.

iPhone and iPad

• Pinch to zoom or use the zoom buttons over the canvas. Drag the enlarged canvas to pan; tap the zoom percentage to reset to fit. Scroll the example tabs and role chips horizontally when they do not all fit. Tap an illustration to open it full screen.

Select a labeled color role below the canvas, such as Background or Text, to change only that part of the example. These assignments change the preview, not the saved palette. In Mobile app, use Background to compare white, black, or a palette color.