Using the Color Picker Tool | BioRender Help Center

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

Changing an object's fill or border color

To change the fill color of an object or line:

Select the shape you’d like to edit.
From the left side properties panel, click on Fill Color to bring up the color menu. Select Color Picker (eyedropper icon).
On the Color Picker mode, 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.
Click the object to fill your selected shape with that color. You can also do this for lines.
To leave color-picker mode, click ESCAPE (esc) on your keyboard or click off the canvas.

To change the border colour:

Select the shape you’d like to edit.
From the left side properties panel, click on Stroke Color to bring up the color menu. Click Color Picker (eyedropper icon).
On the Color Picker mode, 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.
To leave color-picker mode, click ESCAPE (esc) on your keyboard or click off the canvas.

Changing text color

To change the text color:

Select the text you’d like to edit.
From the left side properties panel, click the color square to bring up the menu. Click Color Picker.
On the Color Picker mode, hover over an object to view its color. You’ll be able to see it in the colour preview window in the top-right corner.
Click the text to change your selected text with that color.
To leave Color Picker mode, click ESCAPE (esc) on your keyboard or click off the canvas.

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

Have any questions or concerns?

Open our chat messenger (bottom-right of any BioRender webpage).