Before you Start
Who can use this feature
Paints are available on Any plan
Users will need Edit access to the File to use the color picker
Paints can be colors, gradients, or images. The Color picker allows you to apply paints to text layers, strokes and other vector objects.
When you select a layer or object, you can access the Color picker from the Fill or Stroke section of the Properties Panel.
When you select more than one layer or object, you can access the Color picker from the Selection colors section instead.
Note: If there isn't a Fill or Stroke applied to the object, you'll need to add one before you can access the Color picker.
Use the Color Picker
Once you've opened the Color picker, you have access to any paint properties.
- In the top-left corner, select a Paint type. Choose from a Solid color, a Gradient (Linear, Radial, Angular or Diamond), or an Image/GIF.
- In the top-right corner, use the droplet icon to select the Blend mode. This allows you to create unique effects when combining fills.
- Use the Color palette in the body of the modal to select a color. The current color is shown in the white circle, surrounded by any related tints, tones and shades. Click and drag the white circle to adjust the color.
- Use the Eyedropper tool to select any color from an image or object in the canvas.
- Adjust the Hue using the slider below the palette. Click and drag (left or right) to adjust.
- Adjust the Opacity using the bottom slider.
- View the color values in each color profile. Choose between RGB, HEX, CSS and HSB.
- Use the Document colors field to select a palette from local colors, styles, and styles from enabled libraries.
Access sliders when you select colors in the Color palette. Use your mouse-wheel or trackpad to scroll along the Hue slider. Hold down the modifier key while scrolling to set the Opacity:
MacOS: Option Windows: Alt
Want to reuse colors across your designs? Save your colors, gradients, and images as Styles. Learn more about creating color styles.
Use the Eyedropper tool
The eyedropper tool allows you to select and sample colors from any object or image in a file. Use the eyedropper to:
- Identify colors
- Apply sampled colors to objects
- Save sampled colors to your color styles
- Select the object you'd like to edit.
- In the Properties Panel, find the property you'd like to update (Fill or Stroke)
- Click the color swatch to open the Color Picker.
- Click the eyedropper tool icon or use the keyboard shortcut: i
- Hover over the color in the canvas you'd like to sample. The magnifier window will show you both the color and hex code of the sampled pixel:
- Click to apply the sampled color to the selected object:
Tip! If you want to change the Fill of a selected object, use the keyboard shortcuts to enable the eyedropper from the canvas: Ctrl C or i.