How to make a color transparent in photoshop? (2023)

If you are here then I am sure you must be looking for how to make a color transparent in Photoshop. You must be hoping to find some simple way of making color transparent in Photoshop, or even know how to replace color with Photoshop. If not, keep reading the article from first to last, and you will find all the answers to the questions mentioned above.

Making an image’s background transparent is one of the most well-known Photoshop activities. It has various tools that you can utilize for this type of task. Contingent upon the result needs and image quality, there are both simple and challenging approaches.

In this article, I’ll endeavor to make sense of one of the straightforward strategies for creating a transparent background for an image in Adobe Photoshop.

Table of Contents

How to make a color transparent in photoshop

With the latest version of adobe photoshop, it is way easier to make a color transparent than before. Photoshop offers a lot of updated tools and settings which makes life easier for the editor. So without any delay let us know how to make a color transparent in photoshop with the below simple steps.

Step 1: Make a Selection:

Making a selection is the most vital phase in creating a transparent color. What region of the Image do you need to change in Photoshop? Photoshop has various selection tools, including the Lasso tool and the beneficial Quick Selection tool. I will involve the Magic Wand tool to make this selection as we need to pick one color.

When you click on a district of the Image utilizing the Magic Wand tool, pixels of that equivalent or a corresponding color are chosen. You might calibrate the tool for your Image using different boundaries.

How to make a color transparent in photoshop? (1)

Step 2: Delete the Selection:

You may eradicate the selection if you maintain that the chosen pixels should be transparent. Squeezing the Backspace or Delete key to eliminate that piece of the Image and make the pixels transparent while the layer is opened.

How to make a color transparent in photoshop? (2)

Alternative way:

Go to Choose > Color Range in Photoshop to make a color transparent. To add more colors to the selection, click the color you wish to delete while holding the Shift key. Click alright in the wake of changing the fuzziness slider until your subject is white. To make the picked colors transparent, press Delete.

Make color transparent in photoshop:

In adobe photoshop you can easily make color transparent. If you follow the below steps you will believe that I am right. The transparency level depends on you which means you can control the transparency level as well. Try different opacity levels and find the perfect level for your design.

  1. By picking the Layers tab (which looks like a folded paper), you might choose the layer you need to make transparent.
  2. Pick the opacity level in the crate at the highest point of the Layers.
  3. Although 100 percent is the default, you can set it as low as 0%.
  4. Save the Image.

Replace color with transparent:

Launch Adobe Photoshop and open the Image. Click on the bits of the Image you wish to make transparent while utilizing the Magic Wand tool. To pick up the entire backdrop, use the wand. While utilizing the Magic Wand tool to expand the selection, click different areas while holding down the “Shift” key.

To do the background removal for the selected areas, press the “Delete” key. You’ll see a transparent region that seems to be a gray and white checkerboard. At this point, when printed or seen on the web, the checkerboard isn’t noticeable. Save the Image as a .png file after eliminating the background color.

How to make a color transparent in photoshop? (3)

Remove black from the background:

There are three primary methodologies you can follow to remove the black background from an image:

  • Open your Image in Photoshop first
  • Add your Image as a Layer Mask.
  • Remove the black background by choosing Image> Apply Image and afterward changing the Mask with Levels.

Photoshop makes white transparent:

Click on the white background to pick it after picking it from the Tool Panel. To remove the background, click the “add layer mask” symbol. To switch the layer mask results, use CTRL + I. Now that the background is transparent, you can see it.

Photoshop makes black transparent:

Here, I’ll show you how to use Photoshop’s layering feature to make a black background transparent.

Step 1: Open your Image and duplicate the layer inside.

You can drag and drop the Image you wish to edit into Adobe Photoshop after launching it on your Windows or Mac PC. After you insert the image, you can copy it into the layer panel as an afterthought. You must hit Ctrl + J on a Windows PC or Command + J on a Mac.

Step 2: Remove the Image’s black background.

You might reach the “Quick Actions” panel in the sidebar whenever you’ve kept an image’s second layer. Select “Remove Background” from here and afterward confirm your selection.Since the black background has been made transparent by Adobe Photoshop, you can export the Image in the configuration of your choice.

Photoshop color to transparent gradient:

One of the various things you can do in Photoshop makes transparent gradients, which are gradients with one end that is opaque and the other that is transparent.

How to make a color transparent in photoshop? (4)

Step 1: Set the background and foreground colors to black and white.

We should initially change the foreground and background colors to the standard black and white because we’ll utilize layer masks to build our transparent gradient.An icon with black and white squares should be noticeable simply over the foreground and background colors. Click that button if your foreground and background colors aren’t now set to black and white.

Step 2: To the layer, add a layer mask with your Image.

Apply a layer mask now. Select the layer that contains your Image from the Layers menu in the bottom right corner of the screen, then click the Add Layer Mask button close to the lower part of the menu.Nothing will change in regard to visibility on your canvas. However, the opacity of the layer it’s applied to can now be carefully controlled because of a layer mask.

Step 3: Apply a transparent gradient using the Gradient Tool.

Select the Gradient Tool (keyboard shortcut: G) and click and drag over your canvas to apply a gradient to your Image in Photoshop to make a transparent gradient. If you use the inclination correctly, the black side will make your layer transparent, while the white side will keep its opaque state.

Video source: Phil Ebiner

Frequently Asked Questions (FAQ):

Que: How may a picture be made transparent?


  • Pick the Image where you wish transparent parts to show up.
  • Pick Set Transparent Color under Picture Tools > Recolor.
  • Click the color you want to make transparent in the Image.
  • Pick the Image.
  • Click CTRL+T.

Que: In Photoshop, how can I make the foreground color transparent?


  • Pick a gradient tool.
  • Select the “Foreground To Transparent” gradient by tapping the Gradient Editor.
  • Pick the foreground color you need.
  • Make another transparent gradient by clicking and dragging across your canvas.

Que: How do I make Photoshop only keep one color?


  1. Select between Layer 1 and the Background layer.
  2. Select “Hue/Saturation” under “Adjustments” on the “Image” menu.
  3. Remove all the colors from the Image except the picked regions by sliding the “Saturation” bar to one side.
  4. Select “OK” from the menu.

Que: How do you export an image from Photoshop with transparency?

Ans: You can export your Image with transparency before making your selection transparent so that you may utilize it in different projects very well. Go to File> Export > Export to do that. Alt + Shift + Control + W (Windows) or Choice + Shift + Command + W are different choices (Mac). Set the Format to PNG, pick the Transparency choice, then click Export in the Export As screen to save the File with the modified boundaries.


So from now on as you know how to make a color transparent in Photoshop, you can do the task on your own very easily. Transparent images are required in various circumstances. We can utilize any background for your photograph.It tends to be situated on a unique background that changes color all by itself. Consider a responsive website where web pages conform to the size of different displays.

You should change the photograph background’s size to meet the accessible screen space. If you are still confused about how I make the background transparent in photoshop then leave a comment below.

About Author


Creative Image editor and Seo expert. I believe my strong points are primarily my Creativeness, Experience, Punctuality, and dedication to what I do.

See author's posts


How do you make a color transparent in Photoshop? ›

Select the desired layer, then click the Opacity drop-down arrow at the top of the Layers panel. Click and drag the slider to adjust the opacity. You'll see the layer opacity change in the document window as you move the slider. If you set the opacity to 0%, the layer will become completely transparent, or invisible.

How do I fade a color to transparent in Photoshop? ›

Method 1: Gradient Tool (how to gradient fade an image in Photoshop)
  1. Choose a Tool.
  2. Select the "Foreground To Transparent" from the Builder.
  3. Choose Your Favorite Foreground Theme.
  4. Click and drag over your project to make a new Photoshop transparent gradient.

How do I make a certain color transparent in a picture? ›

Setting a transparent color works best with simple, solid-color pictures, such as clip art.
  1. Double-click the picture, and when Picture Tools appears, click Picture Tools Format > Color.
  2. Click Set Transparent Color, and when the pointer changes, click the color you want to make transparent.

How do you make one color transparent? ›

Add a transparent area to a picture

Select the picture that you want to create transparent areas in. Click Picture Tools > Recolor > Set Transparent Color. In the picture, click the color you want to make transparent.

Is there a color code for transparent? ›

You can actually apply a hex code color that is transparent. The hex code for transparent white (not that the color matters when it is fully transparent) is two zeros followed by white's hex code of FFFFFF or 00FFFFFF.

How do you make a material transparent in Photoshop? ›

Method 1: Layer Style

Open any texture in Photoshop. Double click the layer named "Background" and click "Okay" in the New Layer dialog box that appears. This unlocks the background layer. Now click Image | Adjust | Desaturate (Cmd+Shift+U) to make the texture image black and white.

How do you make something look faded in Photoshop? ›

Create a new fill or adjustment layer by clicking the circle icon at the bottom of the Layers panel. Select Solid Color from the drop-down menu. Select a color of your fade in the color picker and click OK.

How do I make a color overlay transparent? ›

Go to Styles and click Color Overlay. Select and apply an overlay color. Click the Blend Modes drop-down and select Overlay. Move the Opacity slider to the desired level.

How do I make my background color slightly transparent? ›

Changing the opacity of the background color only

To achieve this, use a color value which has an alpha channel—such as rgba. As with opacity , a value of 1 for the alpha channel value makes the color fully opaque. Therefore background-color: rgba(0,0,0,. 5); will set the background color to 50% opacity.

What is the color code for transparent in Photoshop? ›

The color code for transparent is “ffffff00“.

Can you fill transparent in Photoshop? ›

You will see the Fill option. Click the flyout and reduce the percentage to 0%. This makes the fill transparent giving us the effect we want to achieve. You can use this effect with any layer so if you have created a shape with the pen tool this will also work.

How do you use basic transparent overlays in Photoshop? ›

How to apply basic transparent overlays in Adobe Photoshop.
  1. Open the Layers palette and create a new layer.
  2. Add your base image, the one you want to add an overlay to, onto the new layer.
  3. Open the Layer Style dialog box.
  4. Go to Styles and click Color Overlay.
  5. Select and apply an overlay color.

How do I fill white space with color in Photoshop? ›

Choose Edit > Fill Layer, or Edit > Fill Selection . Set options in the Fill dialog box, and then click OK. Choose a color from the Use menu. To select a different color, choose Color, and then select a color from the Color Picker.

What are the extremely transparent color? ›

Examples of transparent colours: all the Quinacridones and Phthalo colours, Permanent Rose, Gamboge and Indian Yellows, Perylenes and most blacks. Examples of opaque colours: all the Cadmiums, Cerulean Blue, Naples Yellow and all whites.

Can a color be transparent? ›

Transparent colors will allow a light source to pass through them. However, a dark base will absorb the light, leaving a dull, less vibrant final color.

What is the color name for 00FFFF? ›

#00FFFF (Cyan) HTML Color Code.

How do I make one color stand out in black and white in Photoshop? ›

How to make one color stand out.
  1. Duplicate the layer. Open your desired photo in Photoshop and duplicate the layer. ...
  2. Desaturate your original layer. This means you'll turn your original layer into a grayscale image. ...
  3. Choose your accent color. Switch to your duplicate layer now. ...
  4. Invert your selection.

What is hex value for transparent color? ›

An alpha value of 0 (or 00 in hex strings) corresponds to fully transparent and an alpha value of 1 (or FF in hex strings) corresponds to fully opaque.

How do you make something look like clear plastic in Photoshop? ›

Choose Filter > Filter Gallery to access the filter. In the Artistic section, choose Plastic Warp. Set maximum Strength and Smoothness, and set the Detail level to 0 to produce a smooth wrapping effect.

How do I make a vintage fade in Photoshop? ›

How to Add a Vintage Effect in Photoshop
  1. Open Photo in Adobe Photoshop. ...
  2. Duplicate the Background Layer. ...
  3. Convert to Smart Object. ...
  4. Fade Photo with a Curves Adjustment. ...
  5. Convert the Image to Black and White (Optional) ...
  6. Add a Tint with Adjustment Layers. ...
  7. Add Noise.

How do I fade out an image? ›

How to fade an image in 4 steps
  1. Upload a photo or drag-n-drop it to the editor in JPG or PNG format.
  2. Select the “Opacity” button from the menu bar above your image.
  3. Use the slider to reduce the picture's opacity and create a fading effect.

How to do overlays in Photoshop? ›

Step-by-step instructions for creating an image overlay.
  1. Open your base image in Photoshop, and add your secondary images to another layer in the same project.
  2. Resize, drag, and drop your images into position.
  3. Choose a new name and location for the file.
  4. Click Export or Save.

Why does my transparent background turn white? ›

it depends how you are saving it. If you have Photoshop Layers, and you remove or delete the background so that it is transparent --- it will stay transparent in the PSD file, but if you try to export to export it for the web you might see a WHITE background for GIF, PNG, and JPEG.

How do I make the background transparent without affecting text? ›

One approach you can use is to put the background-image styles in a pseudo-element of the parent element. Since the pseudo-element is a sort of child of the parent, you can change the opacity of it without affecting the text content.

How do I make a PNG background transparent? ›

How to Make a PNG Transparent
  1. Click on the “Make Transparent PNG Now” button to get started.
  2. Upload or drag and drop the images that you want to transform into transparent PNG to remove the background 100% automatically.
  3. Download the image with transparent background as the PNG file.

What is fill opacity in Photoshop? ›

Opacity vs Fill in Photoshop

Opacity will change the transparency of everything that is in the selected layer. Fill will change the transparency of whatever is filling the layer but will ignore any effects that have been applied to it. Hence the name 'Fill'.

How do you make something transparent in Adobe? ›

  1. Fill/Adjustment layers (Full Edit)
  2. Image > Mode > Indexed Color, Transparency option (Guided Edit, Quick Fix, Full Edit)
  3. Image > Mode > Color Table (Guided Edit, Quick Fix, Full Edit)
  4. Gradient Editor, Opacity slider (Guided Edit, Quick Fix, Full Edit)
Jan 18, 2022

How do you overlay colors? ›

Open the Layer Style dialog box. Go to Styles and click Color Overlay. Select and apply an overlay color. Click the Blend Modes drop-down and select Overlay.

What does overlay mode do in Photoshop? ›

A Photoshop Overlay is the easiest and fastest way to add a special effect or extra dimension to your photos. You can try light effects, rain or mist effects, textures, and much more. Drag and drop as many Photoshop Overlays onto your photos until you get the desired look.

Which format supports transparency in Photoshop? ›

Background transparency, supported by the GIF and PNG formats, preserves transparent pixels in the image and allows the background of the web page to show through the transparent areas of your image.

How do I fill a blank layer with color? ›

Use a Fill layer to experiment with colors

Click the Fill/Adjustment layer icon at the bottom of the Layers panel and select Solid Color. Pick a color from the Color Picker that appears. You can move the round selector to adjust the color, and then click OK.

What is the command to fill color in Photoshop? ›

The Fill Command in Photoshop
  1. Option + Delete (Mac) | Alt + Backspace (Win) fills with the foreground color.
  2. Command + Delete (Mac) | Control + Backspace (Win) fills with the background color.
  3. Note: these shortcuts work with several types of layers including Type and Shape layers.
Jun 27, 2017

How do you fill a hollow text with color in Photoshop? ›

1 Correct answer. Make an empty layer above the text layer. On the text layer, click the hollow spaces with the magic wand. On the empty layer, fill with color.

What is Colour transparency? ›

color transparency in American English

noun. a positive color image photographically produced on transparent film or glass and viewed by transmitted light, usually by projection.

How do you make something transparent in processing? ›

To apply transparency to an image without affecting its color, use white as the tint color and specify an alpha value. For instance, tint(255, 128) will make an image 50% transparent (assuming the default alpha range of 0-255, which can be changed with colorMode()).

How do I remove all white from a color in Photoshop? ›

Here's how to go about it:
  1. Open your image with a white background.
  2. Next, go to the Layer panel on the right and open the Quick Actions menu.
  3. In Quick Actions, choose Remove Background. The tool will locate the solid color background, strip it out, and turn it transparent.
  4. Save your new image as a PNG file.
Nov 4, 2021

How do you fill color in Photoshop? ›

Click the Fill/Adjustment layer icon at the bottom of the Layers panel and select Solid Color. Pick a color from the Color Picker that appears. You can move the round selector to adjust the color, and then click OK.

What is transparent masking? ›

Transparency masks are used in imaging to hide some portion of the image while retaining rest of the image. The mask is either an image that already has transparency set on it or it is a bilevel/grayscale image which can serve the purpose because in that case, the black or white pixels are used as a mask.

Where is the transparency tool in Photoshop? ›

Go to File in the top menu and select "New." A new window will pop up where you can assign the properties of your new Photoshop document. Select "Transparent". A menu will pop up and under the section which says "Background Contents", where you should choose "Transparent".

How do you make a see through plastic in Photoshop? ›

How to Make a Transparent PNG Texture out of any Plastic Wrap...
  1. Open your plastic wrap image in Photoshop. ...
  2. In the Layers Panel, click on the padlock icon to unlock the Background layer.
  3. Go to Select > All.
  4. Go to Edit > Copy and then go to Select > Deselect.
  5. Go to Layer > Layer Mask > Reveal All.
Mar 29, 2022

Top Articles
Latest Posts
Article information

Author: Geoffrey Lueilwitz

Last Updated: 15/10/2023

Views: 6120

Rating: 5 / 5 (60 voted)

Reviews: 83% of readers found this page helpful

Author information

Name: Geoffrey Lueilwitz

Birthday: 1997-03-23

Address: 74183 Thomas Course, Port Micheal, OK 55446-1529

Phone: +13408645881558

Job: Global Representative

Hobby: Sailing, Vehicle restoration, Rowing, Ghost hunting, Scrapbooking, Rugby, Board sports

Introduction: My name is Geoffrey Lueilwitz, I am a zealous, encouraging, sparkling, enchanting, graceful, faithful, nice person who loves writing and wants to share my knowledge and understanding with you.