How to Create a Monochrome Color Effect in Photoshop

This tutorial will show you a quick and easy way to add a monochrome color effect to your images using Adobe Photoshop . The term monochrome means that the colors in an image are limited to different shades of the same tone or the same primary color. And it is a great way to simplify an image or convey a certain mood or emotion. Black and white photography is monochrome because it only uses shades of gray, but any color can be used.

How to Create a Monochrome Color Effect in Photoshop
How to Create a Monochrome Color Effect in Photoshop
How to Create a Monochrome Color Effect in Photoshop

How to convert color photo to monochrome

Here's how to create a basic monochrome effect. Once you've got the hang of it, we'll show you how to combine a few steps to speed things up.

Step 1: Add a Solid Color fill layer above the image

The easiest way to convert a color photo to monochrome is to use a Solid Color fill layer.

In the Layers panel, the original image will appear on the Background layer. Add a Solid Color fill layer above the image by clicking the New Fill or Adjustment Layer icon :

How to Create a Monochrome Color Effect in Photoshop
Click the New Fill or Adjustment Layer icon in Photoshop's Layers panel.

And select Solid Color from the list:

How to Create a Monochrome Color Effect in Photoshop
Add a Solid Color fill layer.

Step 2: Select the main color from the Color Picker

The Color Picker opens and the image will be temporarily blocked by whatever color is currently selected.

By default it is black:

How to Create a Monochrome Color Effect in Photoshop
The color selected in the Color Picker blocks the image from view.

In the Color Picker, select the color you want to use. For now, we just want the hue (primary color). We'll come back and adjust the saturation and brightness in a moment.

For example, choose pink red:

How to Create a Monochrome Color Effect in Photoshop
Choose a color for the monochrome effect from Photoshop's Color Picker.

Click OK to close the Color Picker and now the new color blocks the image:

How to Create a Monochrome Color Effect in Photoshop
The color is selected, but the image is still blocked.

Step 3: Change the blend mode of the fill layer to Color

Back in the Layers panel, fill the Solid Color layer above the Background layer.

To blend the color from the fill layer with the image below, change the blend mode of the fill layer from Normal to Color :

How to Create a Monochrome Color Effect in Photoshop
Change the blend mode of the Solid Color fill layer to Color in Photoshop's Layers panel.

Blend mode Color keeps the tonal (brightness) values ​​of the underlying image but replaces the original colors with colors from the fill layer, creating the original effect:

How to Create a Monochrome Color Effect in Photoshop
The result after changing the blend mode of the fill layer to Color.

Step 4: Reopen Color Picker

The only problem, at least in the example case, is that the color saturation is too strong and also too bright.

To fix that, reopen the Color Picker by double-clicking on the fill layer's color swatch in the Layers panel:

How to Create a Monochrome Color Effect in Photoshop
Double-click the fill layer's color swatch in Photoshop's Layers panel.

Step 5: Adjust the color saturation and brightness

Then adjust the saturation and brightness as needed.

Reduce the Saturation (S value) to 30% and the Brightness (B value) to 40%. Click OK when you're done:

How to Create a Monochrome Color Effect in Photoshop
Reduce the saturation and brightness of the color in Photoshop's Color Picker.

And when the saturation and brightness are reduced, the effect is much more subtle:

How to Create a Monochrome Color Effect in Photoshop
Monochrome color effect added to image in Photoshop.

In the Layers panel, you can turn the effect on and off to compare it to the original image by clicking on the fill layer's visibility icon:

How to Create a Monochrome Color Effect in Photoshop
Click the fill layer visibility icon to toggle the solid color effect on and off.

And that's the basics of how to convert a color image to monochrome using the Solid Color fill layer in Photoshop!

Leave a Comment

What is the best AI photo background remover?

What is the best AI photo background remover?

People spend too much time manually removing backgrounds, and AI isn't always the magic it claims to be.

How to Turn a Photo into a Pencil Sketch in Photoshop

How to Turn a Photo into a Pencil Sketch in Photoshop

This tutorial will show you how to easily turn a photo into a pencil sketch using Adobe Photoshop.

How to Resize Images Properly in Photoshop

How to Resize Images Properly in Photoshop

Many people used to find resizing images very annoying until they learned about Photoshop's simple channel-based protection method.

How to create poster effect for photos in Photoshop

How to create poster effect for photos in Photoshop

Add a quick and easy poster effect to your images using Photoshop to recreate the classic look of posters printed with limited ink colors.

6 AI Photo Editing Tools Better Than Photoshop

6 AI Photo Editing Tools Better Than Photoshop

There are many AI photo editors that make Photoshop a second choice and AI features are useful tools for editing photos without having to learn complex Photoshop.

3 Most Favorite Features in Photoshop 2025

3 Most Favorite Features in Photoshop 2025

Photoshop 2025 packs new AI tools, smarter selections, and features you didn't know you needed until now.

How to create a shadow border in Photoshop

How to create a shadow border in Photoshop

This tutorial will show you how to add canvas space and drop shadow to your photo in Photoshop to create a simple yet stylish photo border.

Why is Lens Blur a Photoshop tool used for artistic photo editing?

Why is Lens Blur a Photoshop tool used for artistic photo editing?

Adobe's Lens Blur tool makes it easy to review your photos, adding depth and focus to your photos.

Not AI, Actions is the Photoshop feature that users love

Not AI, Actions is the Photoshop feature that users love

Hidden away in the app, Photoshop Actions is a beloved feature of the popular photo editing tool, meant to speed up workflows without the need for AI.

Why is using both Lightroom and Photoshop overkill for most photographers?

Why is using both Lightroom and Photoshop overkill for most photographers?

Lightroom and Adobe Photoshop are two of the best photo editing tools, but while many professionals use both together, you only need Lightroom if you're an amateur photographer.

How to create Picture in Picture effect in Photoshop

How to create Picture in Picture effect in Photoshop

This tutorial will show you how to create a cool Picture in Picture effect with Adobe Photoshop by taking a single photo and creating the illusion that a smaller, cropped version of the same photo is inside it.

5 Reasons Why Photoshops Generative Workspace Is Adobes Best Feature

5 Reasons Why Photoshops Generative Workspace Is Adobes Best Feature

Generative Workspace is one of the top AI features announced at Adobe Max 2024. It will be the new home for your Generative AI images and files.

How to Create a Water Reflection Effect Using Generative Fill in Photoshop

How to Create a Water Reflection Effect Using Generative Fill in Photoshop

With Generative Fill, powered by Adobe's Generative AI called Firefly, anyone can add realistic water reflection effects to their photos simply by drawing a selection, typing a few words, and clicking a button.

How to Paste an Image into a Selection in Photoshop

How to Paste an Image into a Selection in Photoshop

This tutorial will show you how to copy an image and paste it into a selection in another image using the Paste Into command in Adobe Photoshop.

What Young Riders Should Know About Moving Their Motorcycles Across Cities

What Young Riders Should Know About Moving Their Motorcycles Across Cities

Long-distance travel can involve heavy traffic, changing weather conditions, and rider fatigue. If you are also dealing with the responsibilities of moving home, such as packing belongings or coordinating accommodation, a long ride may add unnecessary pressure to an already busy schedule.

Solving Microsoft Teams Shortcut Error Not Opening

Solving Microsoft Teams Shortcut Error Not Opening

Tired of Microsoft Teams shortcut error preventing you from opening the app? Follow our expert, step-by-step guide with the latest fixes for instant resolution. Works on Windows, Mac & web – no tech skills needed!

Solving Microsoft Teams Task Management Sync Error

Solving Microsoft Teams Task Management Sync Error

Tired of Microsoft Teams Task Management Sync Error halting your workflow? Follow our proven, step-by-step fixes to resolve sync issues fast and restore seamless task collaboration. No tech expertise needed!

Troubleshooting Microsoft Teams Wiki Error Formatting

Troubleshooting Microsoft Teams Wiki Error Formatting

Struggling with Microsoft Teams Wiki Error Formatting? This step-by-step guide reveals proven fixes for common wiki tab issues, ensuring smooth editing and collaboration in Teams. Get back to productive wikis fast!

How to Fix Microsoft Teams Installation Error for Linux

How to Fix Microsoft Teams Installation Error for Linux

Struggling with Microsoft Teams installation error on Linux? Discover step-by-step fixes for Ubuntu, Fedora & more. Resolve dependency issues, crashes, and errors quickly with our ultimate guide. Get Teams running smoothly today!

Solving Microsoft Teams Error Page Not Loading

Solving Microsoft Teams Error Page Not Loading

Struggling with Microsoft Teams "Error Page" not loading? Get step-by-step fixes for desktop, web, and mobile. Solve Microsoft Teams Error Page issues quickly and resume seamless teamwork today.

Solving Microsoft Teams Error Screenshot Issues

Solving Microsoft Teams Error Screenshot Issues

Tired of Microsoft Teams "Error Screenshot" blocking your workflow? Get proven, step-by-step solutions to resolve screenshot errors in Teams instantly and boost productivity. No tech skills needed!

How to Fix Microsoft Teams Error U User

How to Fix Microsoft Teams Error U User

Tired of Microsoft Teams "Error U" User blocking your chats? Get proven, step-by-step fixes to clear cache, reset, and restore seamless collaboration instantly.

Where are Microsoft Teams Registry Keys Located on Windows 11?

Where are Microsoft Teams Registry Keys Located on Windows 11?

Unlock the precise locations of Microsoft Teams registry keys on Windows 11. Step-by-step guide to find, access, and safely tweak them for optimal performance and troubleshooting. Essential for IT pros and Teams enthusiasts.

How to Fix Microsoft Teams Training Error Video Lag

How to Fix Microsoft Teams Training Error Video Lag

Tired of Microsoft Teams "Training Error" Video Lag ruining your meetings? Follow our step-by-step guide with the latest fixes for smooth video calls—no more frustration!

How to Fix Microsoft Teams Error occurred During Sign-In

How to Fix Microsoft Teams Error occurred During Sign-In

Frustrated by Microsoft Teams "Error occurred" during sign-in? Discover proven, step-by-step fixes to get back online fast. Clear cache, reset app, and more for seamless login. Works on Windows, Mac & web.

Troubleshooting Microsoft Teams Call Error Disconnecting

Troubleshooting Microsoft Teams Call Error Disconnecting

Struggling with Microsoft Teams "Call Error" Disconnecting? Discover proven, step-by-step fixes for call drops, network issues, and more. Get back to seamless meetings fast with our expert troubleshooting guide.

How to Fix Microsoft Teams Error 2603: Login Loop Fix

How to Fix Microsoft Teams Error 2603: Login Loop Fix

Stuck in Microsoft Teams Error 2603 login loop? Get proven step-by-step fixes to resolve the issue fast and restore seamless teamwork. Clear cache, reset, reinstall – all covered!

How to Fix Microsoft Teams Voice Call Error

How to Fix Microsoft Teams Voice Call Error

Tired of Microsoft Teams voice call errors? Follow our step-by-step guide to troubleshoot no audio, echo, or call drops. Proven fixes for crystal-clear calls every time.

How to Fix Microsoft Teams Workflows Error Power Automate

How to Fix Microsoft Teams Workflows Error Power Automate

Struggling with Microsoft Teams "Workflows Error" in Power Automate? Discover proven, step-by-step fixes to resolve connection issues, permissions, and more. Get your workflows running smoothly today!