The Colour panel is used to choose colour for various tools and selected objects.
About the Colour panel
The Colour panel can operate in several colour modes—HSL, RGB, CMYK and LAB—and has various ways of defining colour—colour wheel (HSL only), colour boxes and colour sliders. Colour tints can also be applied from within the panel.
Like the Swatches panel, the Colour panel takes on different appearances depending on the active Persona and on the selected tool. The large colour selectors indicate the currently selected colours.
In Draw Persona, objects have fill and stroke colour properties. The stroke colour is represented by the cutout (donut) colour selector. The fill is represented by the solid colour selector.
In Pixel Persona, the panel shows colours represented by two solid colour selectors indicating Colour 1 (Foreground) and Colour 2 (Background).
The active colour selector is shown at the front of the two colour selectors. Choosing a new colour will apply it to the active colour selector.
Here's the colour selectors that you'll see for vector and pixel tools.
The active colour is whichever is shown at the front. In this illustration the active colour selector is: (A) Stroke, (B) Fill, (C) Colour 1 (Foreground), and (D) Colour 2 (Background). You can quickly switch between colour selectors by pressing the x .
Using the Colour panel
With the Colour panel, colours can be applied to an object or for use by a tool in just a few clicks. Opacity and noise are further colour attributes which can be applied.
To set the colour of a selector:
Click the selector you want to apply the colour to. It will show at the front of the two colour selectors.
Do one of the following:
Choose a colour from the colour model's Wheel (HSL only), Sliders, or Boxes.
Click the picked colour swatch.
Click the None swatch to make the colour completely transparent (for the tool, fill or stroke).
To switch colours between the selectors:
Click the double-headed arrow. The colours switch (but the active swatch selector remains the same.)
To adjust opacity or noise setting:
Select the toggle button to the bottom-left of the panel.
Drag the slider to set the value.
Colour selection preferences and colour models
When choosing colours in the Colour panel, you can choose from various selection preferences and colour model values. The colour selection preferences are changed in the Panel Preferences menu.
Depending on the colour 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 colour using values other than RGB. This doesn't change the working colour profile of the document, but changes the input values for the colours.
The following colour selection preferences are available from the Panel Preferences menu.
Wheel—HSL Colour Wheel
Drag on the outer ring to set the hue.
Drag in the triangle to set saturation and lightness.
Sliders—RGB, HSL, CMYK, LAB, Greyscale
Select the colour mode from the pop-up menu.
(Optional) From the Panel Preferences menu, select 8 bit, 16 bit or Percentage.
Drag sliders or type directly into the value boxes to set the colour values.
Boxes—Hue, Saturation, Lightness only
Hue—Drag on the hue slider to set the hue, drag in the box to set the saturation and lightness.
Saturation—Drag on the saturation slider to set the saturation, drag in the box to set the hue and lightness.
Lightness—Drag on the lightness slider to set the lightness, drag in the box to set the saturation and hue.
Tint
Drag the slider to control the colour tint. The further to the left the slider is positioned, the less ink is applied to the page.
Using the Colour Picker
The picker lets you sample colours within or outside Affinity Designer, then use them in your design.
To use the Colour Picker:
Drag the Colour Picker icon to the colour want to sample.
Click the selector you want to apply the colour to.
Click the swatch next to the Colour Picker to apply the colour.
Saving chosen colours for later use
Once your colour has been chosen and applied to a tool or object, there are several ways to preserve this colour for later use.
The following options are available from the Panel Preferences menu.
Copy Colour to Clipboard as Hex—this calculates the current colour's Hex value and adds it to the clipboard. This is useful for web developers, to standardize on colours between graphics and HTML coding in a web environment.
Add Colour to Swatch—adds the current colour to the currently loaded palette in the Swatches panel.
Add Chord to Swatch pop-up menu—adds a chord of the current colour to the currently loaded palette in the Swatches panel.