Table of Contents

Choosing colors

There are two ways you can choose colors in Pixelmator Pro — using the Pixelmator Pro color picker and the macOS Colors window. There's also a separate Color Picker tool you can use to manage colors and color palettes, change the color picker settings, and more.

Pixelmator Pro color picker

The Pixelmator Pro color picker lets you quickly choose colors for different tools, color adjustments, or effects, and appears when you click any color well.

The tool consists of two main sections — color picker and color swatches. The top section features an eyedropper for picking colors, the color square with a hue slider for choosing a custom color, and the HEX and RGB color code fields for entering specific color values. In the Swatches section, you can choose a color from the existing color palettes or reuse some of your recently selected colors.

Tip: To quickly fill an image, drag the color you want from the color well in the toolbar or any color well in Pixelmator Pro onto any object, shape, or selection in your image.

  • Find the value of a color: Click , then hover the pointer over the color to see its value or click to pick it. The color value changes as you move from one color to another on the canvas.

  • Choose a color: Click a color swatch in a selected color palette, or use the hue slider and the color field to choose a custom one. The color picker uses the HSB-based (hue, saturation, brightness) color model, so to choose a color, you drag the hue slider, then specify its saturation and brightness by moving a point in the color field above. You can also enter HEX or RGB values to choose a specific color.

  • Manage the color palettes: Click the Color Palettes pop-up menu to browse your existing palettes or click the adjacent More menu to remove, rename, and add new palettes.

  • Save colors to use again: In the list of color swatches, click . This adds the currently selected color to the color palette. You can also drag a swatch from the recently selected colors to the color palette directly.

Use the Color Picker tool

If you're looking to manage your color palettes and swatches more easily, or if you'd like to change how color picker samples colors or what information it displays, you can choose a Color Picker tool and change these settings.

  1. Choose the Color Picker tool by doing one of the following:

    • Click in the Tools sidebar.
    • Choose Tools > Color Picker (from the Tools menu at the top of your screen).
    • Press I on your keyboard.
  2. Customize the color picker settings

    • Adjust the color picker sample size: "1 point sample" selects color from a single pixel in an image. You can also choose "3 by 3 average" or "5 by 5 average" to read the average value of the area within the adjacent 3 by 3 or 5 by 5 pixels.
    • Choose the color picker color values: Under Color Code, choose "RGB" to use RGB codes when displaying color values, or "HEX" to use the web-safe HEX codes.
    • Show color names: Select the "Show closest color name" checkbox to show a color name closest to the picked color value, or deselect to hide it.

Note: Pixelmator Pro remembers the settings you choose, the swatches you add, or the color palettes you create, so you can work with the same settings and colors across multiple documents.

Choosing foreground and background colors

To switch between foreground and background colors, do any of the following:

  • Press X on your keyboard.
  • Click the switch arrow in the toolbar

To reset foreground and background colors to white and black press D on your keyboard.

Colors window in Pixelmator Pro

You can use the macOS Colors window in Pixelmator Pro, to access to the native macOS color pickers such as the color wheel, sliders, or pencils.

The Colors window has four sections: the different color pickers at the top (color wheel, color sliders, color palettes, image palettes, and pencils); the active color picker in the middle; the large color swatch in the lower-left to show the currently selected color; the eyedropper for picking colors; and the row of boxes to pick or save new color swatches.

  1. Open the Colors window by doing one of the following:
    • Click in the Color Picker popover.
    • Choose View > Show Colors (from the View menu at the top of your screen)
    • Press Shift ⇧ + Command ⌘ + C on your keyboard.
  2. Do any of the following:
    • Choose a color for a selected text, shape, color adjustment, or effect: Click the color picker tab at the top of the Colors window, then choose a color. You can specify a more precise color by using the sliders or entering values.
    • Pick a color: Click the eyedropper, then click anywhere on the computer screen to choose a color.
    • Save colors to use again: At the bottom of the Colors window, drag the color from the larger color swatch on the left to an empty well on the right. To remove a color, drag it to Trash. Colors saved to the color swatches library remain accessible across applications and restarts.

Important: Colors in the color wells update based on the tool or the layer selected, so if you select a color for one tool, the colors don't change for others (except for the painting tools). Consequently, if you leave the Colors window open for one tool, and select another object in the canvas, clicking colors in the already open Colors window does not change the newly selected object.

Working with gradients

Some tools in Pixelmator Pro let you fill an object with a transition between two or more colors instead of one solid color. You can choose from the gradient presets that come with Pixelmator Pro or create and save your own. You can also fill any layer with a gradient using the Gradient Fill effect.

A gradient will always have at least two colors. Each color is represented by color stops on a fill bar. You can change how the gradient looks like by adding or removing stops, adjusting their position, and setting the color and transparency of each.

  1. Do one of the following:
    • Change the fill type by choosing Gradient in the Fill type pop-up menu.
    • Choose Format > Effects > Fill > Gradient Fill (from the Format menu at the top of the screen).
  2. Click the Gradient presets pop-up menu to choose from the existing gradients or choose any gradient to start customizing it.
  3. Customize the gradient:
  • Change colors: Click any of the existing color stops to open the Colors window and choose a new color.
  • Add additional colors: Click below the gradient bar to add a new color stop.
  • Remove colors: To remove a color stop, drag it away from the gradient fill bar.
  • Reverse colors: Click Reverse to reverse the gradient colors.
  • Choose a gradient type:
    Linear gradient — Blends colors between color stops, all along a line.
    Radial gradient — Blends from start to end in a circular pattern.
    Angle gradient — Blends colors in a sweep.

Pixelmator Pro User Guide