Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How To Use the Color Picker Tool in Affinity Designer
  • By Design Bundles
  • 11 Apr 2017
  • 7 Mins
  • Affinity Tutorials

How To Use the Color Picker Tool in Affinity Designer

Learn how to quickly use the color picker tool in Affinity Designer with this beginner tutorial.

In this tutorial we are going to show you how to use the Color Picker Tool in Affinity Designer. The Color Picker tool allows you to sample colors from anywhere on your screen. The sampled colors are then stored in Affinity Designer’s swatches for easy access. This also helps when consistency is needed across projects.

The Color Picker Tool can be accessed two ways, which we will discuss below. We chose to use the Shape Tools during this tutorial but you can use any design. You can even use the pen tool to create your own shapes.

Method One - Use the Color Tab on Right Side

When you open a new document in Affinity Designer, you will find the Color Panel on the right hand side. If you don’t see the Color panel, go to View > Studio > Color and tick to open the panel.

Step 1 - Access the Color Picker Tool

You can choose to view the colors as a Wheel, Sliders, Boxes or Tint. We are using the Wheel for this tutorial. If you don’t see the Wheel you can change this by going to the burger menu on the top right. Now, click to open the menu and select Wheel.

Select Wheel option in Color Picker

You can see the color picker tool on the right of your design area.

Color Picker Tool in Affinity Designer

We drew out various shapes as examples for this tutorial.

Step 2 - Apply Color from Color Wheel

To apply color to an object from the color wheel, first select your shape. Then, click on the outer ring of the wheel to select a color. Clicking anywhere in the triangle will make the color lighter or darker.

Apply color from Color Wheel

As you click on the Wheel, the color of your object will change. You can also change the Opacity of the color.

Adjust color opacity in Affinity

Step 3 - Sample the Color

In the Color Panel you will also see the eyedropper tool. Once you click this tool, you need to hold down your mouse button then drag over anywhere on the screen. Wherever the eyedropper preview is placed, that color will be sampled when clicked.

Color preview with eyedropper tool

You can also sample color outside of the program’s workspace. You can even sample a color from a website.

Sample colors from outside program

Step 4 - Apply the Sampled Color

Your sampled color will now be visible next to the eyedropper. To apply the color, make sure your object is selected, then click on the small circle next to the eyedropper. Your sampled color will now be applied.

Click on sampled color to apply

Method Two - Access Color Picker Tool from Left Toolbar

On the left side toolbar you will also find a Color Picker Tool. However, this option is more restricted. You will only be able to select a color from within the workspace.

Access Color Picker tool left toolbar

Make sure your object is selected. Then either sample a color with the eyedropper tool or just click on a color from the wheel.

To sample a color, just click on the Color Picker Tool on the left side toolbar. Then move your cursor over an area in the workspace and click on a color to sample. You won’t need to hold down your mouse button for this action.

You will know the Color Picker Tool is active by the crosshairs, unlike the preview mentioned in Method One. When you click to sample, the color is automatically applied.

Apply colors to objects with Color Picker

You can also use photos to sample colors and create color palettes. Now you know how to use the Color Picker Tool in Affinity Designer. You can effortlessly sample colors from any object or image and customize your designs.

6 Related Affinity Tutorials

The Vector Brush Tool in Affinity Designer allows brush strokes to remain fully editable. You are able to edit the strokes, change the color of individual strokes and much more. In this guide we will show you to use the Vector Brush Tool in Affinity Designer.Open Affinity Designer and ...

The pen tool is a very versatile drawing tool in Affinity Designer. You can use it to draw curves, straight lines, and shapes. You can draw individual line segments or line segments that are part of a larger line or shape. Once drawn these segments and anchor points can still ...

The Point Transform Tool is an extremely useful tool. It allows scaling and rotation from any node around an origin point. The origin point can be moved anywhere on an object's shape or geometry. This is especially helpful when using isometric grids. We take a look at how to use ...

The Corner tool in Affinity Designer allows you to individually round the corners of shapes or curves. Creating rounded corners can change a basic shape or font into something more complex. In this tutorial you will learn how to use the corner tool in Affinity Designer.For our one example ...

Today we will learn how to use the Transparency Tool in Affinity Designer. This tool allows you to apply and edit transparency gradients on vectors and text objects. You can use different types of gradients, and also set different levels of transparency. It will help you add more depth by ...

The Contour Tool in Affinity Designer offsets the boundaries of shapes and curves. This is done by decreasing or increasing the radius. In this tutorial you will learn how to use the Contour Tool to create a design.Open Affinity Designer and click on New Document to get started. Choose ...

You may also like

Help Center
ol image