How do I use the color picker tool?
A guide to using the color picker tool to change text color, or a shape's fill or border.
Christina avatar
Written by Christina
Updated over a week ago

You can change the color of shapes, lines, backgrounds, or text using the color picker (or eyedropper) tool. This is useful when you want to select an exact color from an object on the canvas, or match a color palette, such as your organization’s brand guidelines, or ensure consistency with your icon colors.

Note: The eyedropper tool cannot be used to change icon colors. For steps on how to change an icon’s color, see this article.

Changing a shape’s fill or border-color

  1. Select the shape you’d like to edit.

  2. From the left side properties panel, click on the Fill Color to bring up the color menu. Select Color Picker (eyedropper icon).

  3. Hover over an object on your canvas to view its color. You’ll be able to see it in the color preview window in the top-left corner.

  4. Click the object to fill your selected shape with that color. Note you can also do this for lines.

  5. To leave color-picker mode, click escape (esc) on your keyboard or click off the canvas.

To change the border color, go to Border Color -> Color Picker, and follow Step 3-4 above.

Changing text color

  1. Select the text you’d like to edit.

  2. From the left side properties panel, click to edit Color to bring up the menu. Click Color Picker.

  3. Hover over an object to view its color. You’ll be able to see it in the color preview window in the top-right corner.

  4. Click the object to fill your selected object with that color. Note you can also do this for borders.

  5. To cancel the color picker, click escape (esc) on your keyboard or click off the canvas.

Did this answer your question?