GIMP Quick Tips: Matching Colors In Images

Ranked #3,110 in Education, #72,664 overall

How To Match Image Colors With GIMP's Fuzzy Select, Color Picker & Blend Tools

Adding elements to an image is easy using GIMP, but sometimes you can come across problems simply because a little bit of the background from one image doesn't match the image it is being added to.

The Fuzzy Select Tool can be used with the Color Picker Tool, or the Blend Tool to help you correct mismatched colors. With the following little tricks, it's not half as complicated as you might imagine!

Mismatched Background Colors

Here's where the problem began:

I started out with some text on a blended background:


Base Test Image




I added an image (Wilber, the GIMP Mascot) over the text:


Add GIMP Icon To Test Image




I ended up with some extra white areas around the added picture that I did not want:


Test Image White Areas



Using The Color Picker

Because of the blended color of the background, it is a bit more difficult to match the colors. Using the Color Picker Tool I can get the exact color of the points I click on in the background field.

First, I click onto the Icon for the tool in my Toolbox and I can see from the Color Indicator that it is currently set on white:


Color Select Tool




Then I go back to the image in my Main Image Window and just click on a spot near where I want to match my colors. Your cursor should look something like an eyedropper:


Pick A Color Sample




After I click on a spot the Color Indicator in the Toolbox changes to the color on the spot that I clicked on:


Color Indicator



Select An Area To Match Using The Fuzzy Select Tool

Now that I have my first color, I switch to the Fuzzy Select Tool by clicking the Icon in the Toolbox:


Select Fuzzy Select Tool




Now I click on the area I want to match. If you don't select the exact location you wanted, try again. Sometimes you can get pretty much the exact area you want with the Fuzzy Select Tool, other times you need to try clicking in slightly different spots to get it to select what you want.

I managed to get the whole area you see outlined the first time I tried. It is exactly the area I want to match to the first color I selected.


Area Selected



Use The Bucket Fill Tool To Fill In The Matching Color

In the Toolbox, I switch over to the Bucket Fill Tool, and I can see that the color I have selected with the Color Picker is still the color in the Color Indicator box:


Bucket Fill Tool




Back at the Main Image Window, I just click inside the selected area to fill it with the same color I picked up using the Color Picker:


Bucket Filled Selection




Now I just duplicate the process for the other section:


Both Sections Matched




You can remove the selection lines by clicking "Select" in the Main Image Window, and click on "None":


Select None




Test Image Almost Finished




Since this is a blended background, the match is slightly off, if you look closely enough. So how can a blended background be better matched?

Use The Blend Tool To Match Blended Backgrounds

If your background is blended like mine, you can also use the Fuzzy Select and Blend Tools to match the colors. It's easy if you know which gradient was used to make the blend. Otherwise you need to experiment with gradients to find the right one.

Go to the Fuzzy Select Tool, select one section, press the Shift key and click on the other section, or sections you want to match:


Two Sections Fuzzy Selected




Then select the Blend Tool in the Toolbox, and select the right gradient:


Select Blend Tool




Add the gradient to the image. In this case, I add it the same way I did the original blend. Don't worry, the blend will only be added to the selected areas:


Add Blend




Blend Added




If you use the right blend, it is going to be pretty close to perfect. If it doesn't come out right, don't forget that you can undo the blend and try again:


Undo Blend




This was an easy gradient to do because the shades are pretty close to the same, just for fun, I did the same procedure with a different background:


Test Image - Fire Red Background


This was harder, I had to re-do it a few times before I was able to get the blends to match. To be honest, the first procedure wouldn't work for a blend where the shades change within the sections, like this one does.

More GIMP Tips & Tricks

Loading

Comments? What Do you Think About Matching Colors Using GIMP?

submit

Enjoy This Lens On Color Matching?

If you would like to rate this lens, then you can do so here (Squidoo members only)


Not a Squidoo Member?
Join Me!

This module only appears with actual data when viewed on a live lens. The favorite and lensroll options will appear on a live lens if the viewer is a member of Squidoo and logged in.

Add this to your lens »

About CleanerLife

SquidooMusic Blog



Freelance Web Developer and content provider.

Lensmaster with over 100 pages of content on Squidoo.

Webmaster for Careers Resources, Live Success and All This and More.

I'm addicted to the Internet, I'm also an information and entertainment junkie.

I'm obsessed with eating healthy, fresh food raised or grown as local as possible, reducing pollution, increasing recycling, and using natural products in and around the home.

Careers Resources


↑ Grab this Headline Animator

Loading

CleanerLife's Top 10

Loading Fetching RSS feed... please stand by

free counters



GIMP © The GIMP Team

Original content:

Creative Commons License
GIMP Quick Tips:
Color Matching Backgrounds
by CleanerLife
is licensed under a Creative Commons
Attribution-Noncommercial-No Derivative Works 3.0
United States License
.

by

CleanerLife

I'm really just getting started with the GIMP. I find that it is a powerful tool that can be a bit confusing at times, but once you learn a few tricks,... more »

Feeling creative? Create a Lens!