Two laughing young women in colorful outfits and hats posing against a vivid yellow brick wall, one holding a skateboard
  • The Best Way to Use Color in Photoshop

  • Aaron Nace
    by Aaron Nace
    November 12, 2014
  • Add to
    favorites

description

Getting colors to work well together in a photo starts with basic color theory, choosing combinations like complementary pairs or a triad, and then carries over into Photoshop for images that did not come out of camera with quite the right palette. This tutorial covers both halves: using an online color wheel to build a palette, then applying it to a real photo with Color Range selections, the Color blend mode, and a little mask cleanup.

Best way to use color

The Best Way to Use Color in Photoshop

Getting colors to work well together in a photo starts with basic color theory, choosing combinations like complementary colors or a triad, and then carries over into Photoshop for images that didn’t come out of camera with quite the right palette. This tutorial covers both halves, using an online color wheel to pick a palette and then Color Range selections to apply it directly to a photo.

Understanding Complementary Colors With a Color Wheel

Colors sitting directly opposite each other on a color wheel, like green and magenta or red and green, tend to look great together in a photo.

  1. Identify Complementary Pairs on the Wheel

    Look for colors positioned on opposite sides of a color wheel, such as red and green, or blue and yellow.

  2. Place Complementary Colors Together in a Photo

    Include both colors of a complementary pair somewhere in the image, such as a red coat in a green forest, to create visual interest and draw the eye to the subject.

Using Adobe’s Online Color Wheel Tool

A free online color wheel makes it easy to preview and fine-tune complementary color combinations without a physical color wheel in hand.

  1. Open the Online Color Wheel

    Visit Color.Adobe.com to access a free, interactive color wheel.

  2. Set the Color Rule to Complementary

    Change the color rule setting to Complementary to see two opposite colors highlighted on the wheel.

  3. Drag Points to Fine-Tune the Colors

    Drag the points on the wheel to adjust the exact shade of each color until the pairing looks right.

Why Complementary Colors Sit Opposite Each Other on the Wheel

Colors positioned directly across from each other on a color wheel create the strongest possible contrast between them, which is exactly what makes a complementary pairing feel vibrant and intentional rather than random. Choosing colors from opposite sides of the wheel is a simple, reliable starting point for anyone just beginning to think about color theory in their images.

Choosing a Triad of Three Colors

Switching the color wheel’s rule to Triad reveals three evenly spaced colors, like red, blue, and yellow, that work well together as a set.

  1. Set the Color Rule to Triad

    Change the color wheel’s rule setting to Triad to see three evenly spaced colors highlighted at once.

  2. Adjust the Triad’s Position on the Wheel

    Drag the triad’s points around the wheel to shift the overall palette warmer, cooler, or toward a different hue while keeping the three colors balanced.

Sampling Chosen Colors From a Screenshot in Photoshop

A quick screenshot of the finished color wheel brings the exact chosen colors directly into Photoshop as a reference to sample from.

  1. Screenshot the Finished Color Wheel

    Take a screenshot of the color wheel with the final chosen colors visible.

  2. Bring the Screenshot Into the Working Document

    Drag the screenshot into the same Photoshop document as the photo being edited, scaling it down to a convenient size for sampling.

Selecting and Recoloring an Object With Color Range

Color Range isolates a specific colored object in the photo, ready to be filled with a new color sampled directly from the chosen palette.

  1. Create a New Layer for the Recolored Object

    Create a new layer above the photo for the object being recolored.

  2. Select the Object With Color Range

    Go to Select > Color Range, switch the preview to grayscale, and click on the object to select it, using the plus eyedropper to add any missed areas.

  3. Sample the Chosen Color From the Screenshot

    Hold Alt/Option with the Brush tool to sample the desired color directly from the color wheel screenshot.

  4. Fill the Selection With the Sampled Color

    Press Shift+Delete and choose Foreground Color to fill the active selection with the sampled color.

Switching Blend Mode to Color for Realistic Shading

A flat color fill looks obviously artificial until the layer’s blend mode changes to Color, which preserves the object’s original shading underneath.

  1. Change the Layer’s Blend Mode to Color

    Change the filled layer’s blend mode from Normal to Color so the underlying shading and highlights remain visible.

Why the Color Blend Mode Preserves Shading

A layer filled with flat color and left on Normal blend mode completely covers up any existing shading, highlights, or shadow, making the object look flat and two-dimensional. The Color blend mode instead applies just the hue and saturation of the fill while keeping the underlying lightness values intact, which is what makes the recolored object still look three-dimensional.

Recoloring a Second Element and Adjusting Opacity

Painting directly with a sampled color, rather than filling a Color Range selection, works just as well for a second element, and lowering opacity afterward keeps the saturation from looking overdone.

  1. Select and Paint a Second Color

    Use Color Range to select a second element, sample its target color from the screenshot, and paint it in directly with the Brush tool at full opacity and flow.

  2. Switch That Layer to Color Blend Mode as Well

    Change this new layer’s blend mode to Color as well, to keep the same realistic shading effect.

  3. Lower Layer Opacity if the Result Looks Too Saturated

    Reduce the layer’s opacity if the applied color looks overly intense or unrealistic at full strength.

Recoloring the Background and Masking Out the Subject

Recoloring a busy background with Color Range often selects part of the subject as well, which a quick layer mask can correct afterward.

  1. Select and Fill the Background With the Third Color

    Use Color Range to select the background, sample the third palette color, and fill the selection on a new layer set to Color blend mode.

  2. Mask Out Any Overlap Onto the Subject

    Add a layer mask and paint black over any part of the subject, such as teeth or skin, that got included in the background selection by mistake.

Why a Layer Mask Is Still Needed for a Complex Selection

Color Range selects based on brightness and color similarity, which means a busy background with lots of light and dark variation can end up including small parts of the subject as well. A quick layer mask afterward cleans up those unwanted overlaps without needing to make the original Color Range selection perfect from the start.

Touching Up Missed Areas With the Brush Tool

A spot that a selection missed entirely can simply be painted in by hand on its own layer, without needing to redo the original selection.

  1. Create a New Layer for the Missed Spot

    Create a new layer for any small area a previous selection or fill missed.

  2. Paint the Color In Directly

    Paint the sampled color directly onto the missed area with the Brush tool, setting the layer to Color blend mode.

Why This Approach Works

Starting with a color wheel to choose complementary or triadic colors is what ensures the palette applied afterward in Photoshop is genuinely built on sound color theory, rather than chosen at random. Switching every recolored layer to the Color blend mode is what keeps each object’s original shading and dimension intact instead of flattening it under a solid fill. Using Color Range for the bulk of a selection and cleaning up the rest with a layer mask or the Brush tool is what makes it practical to recolor a real, complicated photo rather than only a simple graphic.

Final Thoughts

Whether the goal is choosing colors while shooting or fixing them afterward in Photoshop, the underlying idea stays the same: put colors that genuinely work well together into the same image. A little color theory, paired with Color Range selections and the Color blend mode, makes it possible to rescue an image that didn’t quite come out of camera with the right palette.

Quick Reference: Keys, Menus and Settings

  • Pick a palettecolor.adobe.com, color rule: Complementary or Triad
  • Screenshot the wheelShift + Cmd + 4 on a Mac, drag it into the photo and scale it down with Cmd/Ctrl + T
  • Select a colorSelect > Color Range, preview: Grayscale, plus eyedropper to add, Fuzziness to fine-tune
  • Sample a colorB, hold Alt/Option and click the screenshot
  • Fill the selectionShift + Delete, Use: Foreground Color; Cmd/Ctrl + D to deselect
  • Keep the shadingLayer blend mode: Color; lower Opacity if it looks too saturated
  • Clean upLayer mask, paint black over the subject; paint missed spots on a new Color layer

No AI, no generative credits.

Color Theory in Photoshop: Common Questions

What are complementary colors?

Colors on opposite sides of the color wheel, like green and magenta, blue and yellow, or red and green. Put both in a photo, like a red coat in a green forest, and the subject stands out.

Where can I find a color wheel online?

Aaron uses Adobe’s free color wheel at color.adobe.com. Set the color rule to Complementary or Triad, then drag the points to fine-tune each color.

How do I choose more than two colors that work together?

Set the color rule to Triad to get three colors that go together. Red, blue and yellow is one of the most common triads in photos and artwork.

How do I get the color wheel colors into Photoshop?

Take a screenshot of the wheel (Shift + Cmd + 4 on a Mac), drag it into your photo’s document and scale it down. Then press B and hold Alt/Option to sample colors straight from it.

How do I select one color in a photo?

Go to Select > Color Range, set the preview to Grayscale and click the color. Use the plus eyedropper to add missed areas and lower Fuzziness if it grabs too much.

Why does my new color look flat and fake?

A solid fill on a Normal layer covers the shading. Change the layer’s blend mode to Color: you keep the new color and get the original shading back.

The new color looks too strong. How do I tone it down?

Lower the layer’s opacity. You don’t have to use the palette colors at 100%.

Color Range picked up part of my subject. How do I fix it?

Add a layer mask to the color layer and paint black over the subject. In the video that removes the yellow from her teeth and face.

What if my selection misses a spot?

Make a new layer, set it to the Color blend mode and paint the color in with the Brush tool. You don’t need to redo the selection.

Master Photoshop, Lightroom and Photography

Join PHLEARN PRO for $12.99 a month, or $99.99 a year (save 36%). Cancel anytime, with a 100% money-back guarantee.

As featured in
  • 500px
  • Adobe
  • Fstoppers
  • HuffPost
  • Inc.
  • PetaPixel