How Do I Change the Color of an Image in Figma?

Changing the color of an image in Figma is a great way to add some personality and flair to your designs. With the Figma Color Picker, you can quickly and easily change the hue, saturation, and lightness of any object in your design. You can also adjust transparency to create a variety of color effects.

To access the Color Picker, select an object on your canvas. At the top of the Inspector pane, click on the icon with the two circles – this will open up the Color Picker. From here you can adjust each channel or switch between different color modes – HSL (Hue Saturation Lightness) and RGB (Red Green Blue).

When you’ve chosen a color, click “Apply” at the bottom-right corner of the Color Picker window to apply it to your object. You can also use the sliders to adjust transparency (or “alpha”).

This will make your object partially transparent so that other elements behind it will show through.

In addition to using the Color Picker, there are several other ways you can change an image’s color in Figma.
1. You can use one of Figma’s built-in Effects such as Color Overlay or Hue & Saturation to quickly adjust hue and saturation levels with just a few clicks. 2. You can also apply Gradients or use Blending Modes to create unique color effects. 3. Finally, you can use the Eyedropper Tool to pick up colors from other objects on your canvas.

With these methods, you can easily change an image’s color in Figma and add more flair and personality to your designs!


Changing an image’s color in Figma is easy and straightforward thanks to its powerful tools like Color Picker, Effects, Gradients, Blending Modes and Eyedropper Tool. By playing around with these tools and experimenting with different settings you can create unique looks for any image!