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.

How to Fix Microsoft Teams Đăng nhập Error (Login)

How to Fix Microsoft Teams Đăng nhập Error (Login)

Struggling with Microsoft Teams "Đăng nhập" login error? Discover step-by-step fixes for smooth sign-in. Clear cache, update app, and more – no tech skills needed! Works on Windows, Mac, and web.

Solving Microsoft Teams Web Error 503 Service Unavailable

Solving Microsoft Teams Web Error 503 Service Unavailable

Tired of Microsoft Teams Web Error 503 Service Unavailable blocking your meetings? Discover quick, step-by-step fixes to resolve the 503 error fast – no tech skills needed! Clear cache, check status, and get back to collaborating seamlessly.

Troubleshooting Microsoft Teams Update Error 0x80070002

Troubleshooting Microsoft Teams Update Error 0x80070002

Stuck with Microsoft Teams Update Error 0x80070002? Discover proven troubleshooting steps to resolve this frustrating issue quickly and get your Teams app updated seamlessly for uninterrupted collaboration.

Solving Microsoft Teams Error AADSTS50020: User Account Conflict

Solving Microsoft Teams Error AADSTS50020: User Account Conflict

Tired of Microsoft Teams Error AADSTS50020 blocking your sign-in? Discover step-by-step fixes for user account conflicts, backed by the latest Azure AD solutions. Get back to work fast!

How to Fix Microsoft Teams Microphone Error No Sound

How to Fix Microsoft Teams Microphone Error No Sound

Tired of Microsoft Teams microphone error with no sound? Discover quick, step-by-step fixes for Teams mic not working on Windows, Mac, and more. Restore crystal-clear audio in minutes!

How to Fix Microsoft Teams Task Management Error

How to Fix Microsoft Teams Task Management Error

Tired of the Microsoft Teams "Task Management" Error disrupting your workflow? Discover proven fixes like clearing cache, updating Teams, and troubleshooting permissions to get back to seamless collaboration in minutes. Updated with the latest solutions.

How to Fix Microsoft Teams How to Teams Help Error

How to Fix Microsoft Teams How to Teams Help Error

Frustrated by the Microsoft Teams 'How to Teams' Help Error? Discover proven, step-by-step solutions to fix it quickly and restore smooth help access. Latest 2026 updates included for seamless teamwork.

Solving Microsoft Teams Room Error Syncing

Solving Microsoft Teams Room Error Syncing

Struggling with Microsoft Teams "Room Error" Syncing? This ultimate guide provides step-by-step fixes for Microsoft Teams Room Error Syncing issues, ensuring seamless meetings and quick resolutions. Updated with the latest tips.

Troubleshooting Microsoft Teams Workflows Power Automate

Troubleshooting Microsoft Teams Workflows Power Automate

Master troubleshooting Microsoft Teams Workflows Power Automate issues with step-by-step fixes for common errors. Get your automations running smoothly – no more frustration! Proven solutions for triggers, permissions, and more.

Solving Microsoft Teams Restart Error (2026)

Solving Microsoft Teams Restart Error (2026)

Struggling with Microsoft Teams "Restart Error" in 2026? Discover proven, step-by-step fixes to resolve the endless restart loop quickly. Clear cache, reset app, and more for seamless collaboration. Get back online fast!

How to Create Breakout Rooms in Microsoft Teams Before a Meeting

How to Create Breakout Rooms in Microsoft Teams Before a Meeting

Master how to create breakout rooms in Microsoft Teams before a meeting with this easy guide. Pre-assign participants, boost collaboration, and elevate your virtual sessions effortlessly.

How to Fix Microsoft Teams Layout Error: Sidebar Missing

How to Fix Microsoft Teams Layout Error: Sidebar Missing

Tired of Microsoft Teams sidebar missing? Get instant fixes for layout errors. Step-by-step guide with latest tips to restore your Teams sidebar fast and frustration-free.

Solving Microsoft Teams Download Error for Macbook

Solving Microsoft Teams Download Error for Macbook

Struggling with Microsoft Teams Download Error on MacBook? Get step-by-step fixes for smooth installation on the latest macOS. Solve download failed issues quickly and easily.

Solving Microsoft Teams Error J Accounts

Solving Microsoft Teams Error J Accounts

Tired of Microsoft Teams Error J blocking your accounts? Get instant fixes for Error J in Teams with step-by-step guides, cache clears, and account resets. Regain access fast—no tech skills needed!

Rethinking Document Management to Streamline Your Workflow

Rethinking Document Management to Streamline Your Workflow

Work slows down when files sit in too many places, approval steps feel confusing, and people spend more time searching than actually finishing tasks. Strong document management can bring order back without making daily work feel complicated.