Turn an Image Black & White Except for One Area in Photoshop

Updated on August 28, 2016

This is probably an effect everyone has seen: a photo that is partly in color and partly in black and white. It's a striking effect that really draws the viewer's attention to the colored area and personally, it's one of my favorite effects.

So, how is it done? Well, you might have guessed that it was done in Adobe Photoshop - and you'd be right. But now you want to know how to do it yourself, don't you?

Well that's what this hub is here for. I'm going to show you a couple of ways to color or grey-out parts of a photo using Adobe Photoshop CS5. Don't worry if you don't have that exact version, the process is pretty much identical regardless of what version of Photoshop you're using, though some of the tools may be in different places,

Photoshop Tools At A Glance

Your toolbar might look a little different to this, but the icons themselves will look the same regardless of what version of Photoshop you use.
Your toolbar might look a little different to this, but the icons themselves will look the same regardless of what version of Photoshop you use. | Source

Before we go any further, you might want to take a look at the image displayed on the right. It will show you some of the tools in the Photoshop toolbar that you will need to use during this tutorial. If you're not familiar with Photoshop, you should take a moment to familiarise yourself with the various tool icons.

Please note that the icon marked "Selection Brush" in this photo is the one I'm referring to if I talk about the quick selection tool.


Make a copy of the photo before you start editing. I cannot stress that enough. Alternatively, you can work on the photo and then save the edited version. For example, if you edit "MyPhoto", select "Save As" when you're done and save it as "MyPhoto_Edited", or something similar.


1. Using The Marquee Tool

To demonstrate how to remove color from different parts of a photo using the marquee tool, I'm going to use this image. In case you're interested, it's a photo of a musician called La Roux. She has bright ginger hair and a colorful jacket, and she is standing against a bold blue background, so you should be able to see the effects of selective coloring quite clearly.

Let's get started. Open up your chosen image in Photoshop. It should look something like the screenshot shown below.


Now select the "Rectangular Marquee" tool from the toolbar of the left-hand side of your screen. (It doesn't have to be rectangular; you could make it elliptical, for example).

Using the marquee tool, select the part of the image you wish to remove the color from. I've chosen to make the right-hand side of my image black and white and retain color in the rest of it.


Once you've selected the part of the photo you want to decolorize, you have to create a new adjustment layer. To do this go to your Layers panel (it should be on the bottom-right of the screen). Then select the icon that looks like a half shaded circle. If you hover over it with your mouse, text will appear saying "Create a new fill or adjustment layer". Click on that icon and then select "Hue/Saturation..." from the list.

This is what a hue/adjustment panel looks like.
This is what a hue/adjustment panel looks like. | Source

Once you click on "Hue/Saturation.." a new panel will appear, shown here on the right. To remove the color from your selection, simply drag the "Saturation" slider all the way to the left. This will pull all the color out of your selection, turning it black and white while the rest of your image remains the same.

As, you can see from the picture below, all the color has been removed from the right-hand side of the image, while leaving the rest of it unchanged.


If your mind is already jumping ahead, it might have occurred to you that this panel lets you do more than remove color. For example, dragging the "Saturation" slider to the right would increase the intensity of the colors in your selection. Perhaps a more useful slider to play around would be the "Lightness" slider. This will let you control how light or dark your selected area is, allowing you to draw the viewer's eye to it or away from it, or to simply keep it more in line with the rest of your photo.

That's really cool!

Yes, yes it is. But it's also a little crude. And that was a very simple example. Let's kick it up a notch. What if you just want a small part of the photo to remain in full color? Well, Photoshop has this handy little option called "Select Inverse" which we're about to make use of.

Let's go. Open up the image you want to use, just like we did before. I'm going to use the same photo as I did last time.

Now use the marquee tool to select the part of the image you want to remain in color. I chose the area around the eyes for this example. Next, right-click on your selection and click the "Select Inverse" option from the list. This will deselect the area you chose and select every other part of the image. I drew a small rectangle around the eyes. Once I clicked "Select Inverse", the screen looked like this:


Okay, now you have the area you wish to decolorize selected. The next step is to create a new "Hue/Saturation" layer, just as we did in the first example. Once you've done that, move the "Saturation slider as far left as it'll go. Your original selection will stay colorful, while everything that was selected when you clicked "Select Inverse" will turn black and white.

When I did it, I ended up with the photo shown below. I rather like it actually, since it's rather more subtle than the end result in the previous example.


Colorizing More Complex Shapes

I won't lie to you; a lot of things in the world aren't rectangular. There will be times when you want to highlight more complex shapes than rectangles or circles. To perform more advanced selections, there are a number of tools at your disposal, including the lasso tool and the quick selection tool. The lasso tool allows you to free-draw selections, and is good for fiddly work on small areas. For most shapes however, the quick selection tool is the one to go for. It automatically selects areas based on color and tone, allowing you to select important areas quickly. You can also remove parts of the selection with this tool - which is handy, because although it's very intelligent, it's not perfect.


Let's have a look at the picture to the right of this text. It's a picture of the actor Dylan O'Brien and I want to make it black and white except for his top, which has some bold red colors I want to preserve. Clearly the marquee tool won't do here. Nor will the lasso tool since the area is quite large. The quick selection tool is therefore the best choice.

To select his shirt, I simply click and drag over the areas I want with the quick selection tool enabled.

Looks like I included some of his face by mistake.
Looks like I included some of his face by mistake. | Source

It's not perfect though, as some areas like the fence and the handle of the bat have been included. Since I don't want those, I'll deselect them. To deselect areas you don't want, just hold down the Alt key while clicking that areas you don't want selected. I suggest zooming in and decreasing the radius of the quick selection tool when you putting the final touches to the selection. This will give you greater control over what is selected and what is not. You can change the radius of the brush near the top-left of the screen while you have the tool selected.

Fixed it. Now, only his shirt is selected.
Fixed it. Now, only his shirt is selected. | Source

That's better, now only his red top is selected. Now, as that is the only part I want to retain its color, I have to right-click on the selection and choose the "Select Inverse" option.


With everything apart from the top selected, I can now create a "Hue/Saturation" layer. As in the other examples, sliding the "Saturation" slider to the left removes the color, leaving me with the image displayed below:

2. Fill from Background Color

As a general rule, Photoshop offers a lot of different methods for doing the same thing. We have already looked at how you can use selection tools and a "Hue/Saturation" layer to decolorize an image while leaving part of it in full color. That method gives us a fair bit of control over the image, but we don't always need that much control.

There are other ways of retaining color on part of an image while removing color from the rest. The only other one I'm going to show you though is how to desaturate and fill from background.

First, select an image and open it in Photoshop. Here is the image I'll be using for this demonstration. What I want to do is remove the color from this photo, then restore the color of a single lilypad. To be begin, I have to desaturate the photo.

Without selecting anything, create a new "Hue/Saturation" layer, either by clicking the "Create new fill or adjustment layer" icon, or by choosing the option from the "Layer" menu at the top of the screen.

Once the "Hue/Saturation" layer has been created, move the "Saturation" slider all the way to the left. Having done so, my image now looks like this:


Next, I select a single lilypad using the quick selection tool. You can use a different selection tool if you like. It depends on what you're selecting. Once you have made your selection and are happy with it, right-click on it and click the "Fill" option from the list. This will open the window shown on the right.

You don't have to worry about changing "Blending" as the default option will be fine. If "Opacity" is set to less than 100%, reset it to the default value of 100%.

Under "Contents" you should select "Use: Background Color". This will fill your selection with color from that area on the background layer. (Another way of looking at is that it removes the "Hue/Saturation" layer over your selection).

And there we have it! The selection has been filled with the background color. The finished product is shown below.

All done!

Well, there you go. You should now know how to turn images black and white while preserving color in one area using Adobe Photoshop.

Hopefully you found this article helpful. If you have any feedback, please feel free to leave a comment below.

This article is accurate and true to the best of the author’s knowledge. Content is for informational or entertainment purposes only and does not substitute for personal counsel or professional advice in business, financial, legal, or technical matters.


    0 of 8192 characters used
    Post Comment
    • JohanaPS profile image


      15 months ago

      I use this Selective Color Photoshop action


    • profile image


      22 months ago

      Thank you for this information. It was exactly what I was looking for.

    • profile image


      3 years ago

      Does it have an android app to do this??

    • profile image


      3 years ago

      Hey, this article is awesome! Just what I needed :)

      THANK YOU!

    • clippingpaths profile image

      Clipping Path Specialist 

      3 years ago from United Kingdom

      "Colorizing More Complex Shapes" We can make this effect without any selection.. Just need only Hue/Saturation.

    • Julissa Rodriguez profile image


      4 years ago from Miramar

      thanks for your help.

    • Labonno Mehtab profile image

      Labonno Mehtab 

      4 years ago

      Brilliant work, Thanks for showing us how!

    • FatBoyThin profile image

      Colin Garrow 

      5 years ago from Inverbervie, Scotland

      This is brilliant - I’ve never understood how to use the marquee tool before – you make it sound so easy! Great Hub, really useful. Thanks very much.

    • profile image


      7 years ago

      So cool and helpful. thank

    • Nesbyte profile imageAUTHOR


      7 years ago from UK

      Hey chef-de-jour, I'm really glad you enjoyed the hub. It's nice to know it actually achieved what I wanted it to do. You're welcome. I'm not sure how that would look. I thought about it while making this hub. Of course, it'd be easy to do - the process is almost the same as this one. But I've never seen it before.

    • chef-de-jour profile image

      Andrew Spacey 

      7 years ago from Near Huddersfield, West Yorkshire,UK

      Clear and logical steps are what I like! You've done a great job of simplifying the process whilst not losing sight of the cool effects to be gained. Thanks for showing us how! I wonder what the reverse process would do to an image - black and white on a full colour.

      Voted up.

    • Nesbyte profile imageAUTHOR


      7 years ago from UK

      Hi Rev, glad you like it. Yeah, the sequence is a little different depending on what version you use, but luckily the basic process remains the same. Thank you.

    • Rev Earl Jackson profile image

      Rev. Earl Jackson 

      7 years ago from Massachusetts

      Nicely done and informative. I use Photoshop elements but most of what you say can apply to that as well. I liked the screenshots which helped to explain what you do. Good Job. Voted up.

    • Nesbyte profile imageAUTHOR


      7 years ago from UK

      CS6 might be a different story. Never tried it myself. But I suppose not being able to open a picture to edit would be a pretty bad start :)

    • RhondaHumphreys1 profile image

      Rhonda Humphreys 

      7 years ago from Michigan

      lol...maybe its just me. I down loaded a day trial of cs6 and had a hard time figuring out how to upload the picture to edit.lol

    • Nesbyte profile imageAUTHOR


      7 years ago from UK

      Thanks for commenting. I'm glad you think so. You know, for all that everyone says it's really complicated, it doesn't take long to learn. And personally, I think it's more intuitive than alternatives such as GIMP. That said, I completely understand why new users find it overwhelming. Thank you.

    • RhondaHumphreys1 profile image

      Rhonda Humphreys 

      7 years ago from Michigan

      This hub is very useful. I currently do not have photoshop and part of the reason is it is over whelming to a new user. So thank you for simplifying it for me. voted up and useful

    • His princesz profile image

      His princesz 

      7 years ago

      This is a great tip in turning ordinary photos into popping images. Wonderful photos as well. :) voted up!


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, turbofuture.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://maven.io/company/pages/privacy

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
    ClickscoThis is a data management platform studying reader behavior (Privacy Policy)