Skip Navigation

The color popover

Click the color well for any fill, border or shadow to reveal the color picker popover.

An annotated image showing the different color popover controls
  1. The fill icons across the top switch between solid, gradient and image fills and change the color popover’s settings to match.
  2. The color picker uses the HSB (hue, saturation, brightness) color model. Drag the point left to right to change a color’s saturation, and up or down to change its brightness.
  3. The sliders control your color’s hue (color) and alpha (opacity).
  4. The preview shows the final result of your color settings.
  5. The eyedropper Eyedropper tool lets you pick any color from your display, inside or outside of the Mac app. You can quickly access it by selecting a layer and pressing C. Tip: you can press C to bring up the eyedropper tool to set that layer’s fill color.
  6. The text fields give you quick access to your color’s HEX value for copying and pasting, and the option to manually set a specific color using RGB (red, green, blue) and alpha values. You can click on the RGB labels to switch to HSB (hue, saturation, brightness) or HSL (hue, saturation, lightness).
  7. Create Color Variable saves a new Color Variable

Note: When you edit a color’s HEX code in the Color Popover HEX field, its alpha value will return to 100%.

Last updated on 21 Apr 2021

Was this article useful?

We’re really sorry about that.
Please let us know what you were looking for:

If you need more help or you’d like to report a bug with this content, please contact support.

Thanks for your feedback.
An error occurred, please try again later.