Color panel

The Color panel is used to choose color for various tools and selected objects.

About the Color panel

The Color panel can operate in several color modes—HSL, RGB, CMYK and LAB—and has various ways of defining color—color wheel (HSL only), color boxes and color sliders. Color tints can also be applied from within the panel.

Color panel

Color panel (HSL color wheel): (A) Color 1/Color 2 (left) or Stroke/Fill color selectors with color 'none' swatch and 'swap' arrow, (B) HSL values, (C) Switch to opacity/noise, (D) Panel Preferences (E) Color picker tool and picked color swatch, (F) Saturation/Lightness control, (G) Hue control, (H) Opacity controls, (J) Noise controls.

Like the Swatches panel, the Color panel takes on different appearances depending on the active Persona and on the selected tool. The large color selectors indicate the currently selected colors.

In Draw Persona, objects have fill and stroke color properties. The stroke color is represented by the cutout (donut) color selector. The fill is represented by the solid color selector.

In Pixel Persona, the panel shows colors represented by two solid color selectors indicating Color 1 (Foreground) and Color 2 (Background).

The active color selector is shown at the front of the two color selectors. Choosing a new color will apply it to the active color selector.

Here's the color selectors that you'll see for vector and pixel tools.

swatches_example

The active color is whichever is shown at the front. In this illustration the active color selector is: (A) Stroke, (B) Fill, (C) Color 1 (Foreground), and (D) Color 2 (Background). You can quickly switch between color selectors by pressing the x .

Using the Color panel

With the Color panel, colors can be applied to an object or for use by a tool in just a few clicks. Opacity and noise are further color attributes which can be applied.

To set the color of a selector:
  1. Click the selector you want to apply the color to. It will show at the front of the two color selectors.
  2. Do one of the following:
    • Choose a color from the color model's Wheel (HSL only), Sliders, or Boxes.
    • Click the picked color swatch.
    • Click the None swatch to make the color completely transparent (for the tool, fill or stroke).
To switch colors between the selectors:
To adjust opacity or noise setting:
  1. Select the toggle button to the bottom-left of the panel.
  2. Drag the slider to set the value.

Color selection preferences and color models

When choosing colors in the Color panel, you can choose from various selection preferences and color model values. The color selection preferences are changed in the Panel Preferences Panel Preferences menu.

Depending on the color model selected, you can also choose to work in 8 bit, 16 bit or Percentage mode.

Some of the selection methods allow you to set color using values other than RGB. This doesn't change the working color profile of the document, but changes the input values for the colors.

The following color selection preferences are available from the Panel Preferences Panel Preferences menu.

Using the Color Picker

The picker lets you sample colors within or outside Affinity Designer, then use them in your design.

color picker To use the Color Picker:
  1. Drag the Color Picker icon to the color want to sample.
  2. Click the selector you want to apply the color to.
  3. Click the swatch next to the Color Picker to apply the color.

Saving chosen colors for later use

Once your color has been chosen and applied to a tool or object, there are several ways to preserve this color for later use.

The following options are available from the Panel Preferences Panel Preferences menu.

SEE ALSO: