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.
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.
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.
Choose the Color Picker tool by doing one of the following:
Customize the color picker settings
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.
To switch between foreground and background colors, do any of the following:
To reset foreground and background colors to white and black presson your keyboard.
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.
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.
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.
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.