Digital Cameras and Color Conundrums

August 20, 2010 by katn


More often than not, I want the colors in my photos to look like they did in real life. Ok, sometimes I want them to look better than real life. But even then, I want the colors to be realistic.

If you’re beauty blogging, food blogging, or selling products online, you want your photos to look true to life too. Your audience deserves an accurate representation, right? Food doesn’t often look appetizing when the colors are off. (Imagine green tinted meat loaf…yuk!) And how could your readers take your eyeshadow recommendation if your swatches didn’t look like the real thing? Just imagine how you would feel if that gorgeous purple shirt you ordered online arrived at your house an awful shade of blue.

Bottom line is, color is important. Knowing how color can go wrong will help you get it right.

The cause of problems:

Two of the most common problems I see in color digital photography are incorrect white balance, and poor (or no) color management. Both are easy to understand and easier to fix.

White balance in a Nutshell

Digital photos are made up of just a few basic colors mixed together in different ways. Different kinds of light require a different mix of those colors to make the photo look real. That’s why digital cameras often have options for light sources including Sun, Shade, Cloudy, Tungsten, and Fluorescent, and sometimes others. Choosing one of these options lets your camera know how it should mix the basic colors to make your photos look their best. Choosing Automatic mode lets your camera decide what kind of light you’re in and what it should be doing with colors. When the wrong mix of colors is used, photos can end up too yellow, blue, green and even pink.

If your camera gets it wrong, don’t sweat it. White balance is often easy to fix. If you start shooting in RAW it will always be easy to fix. (Unlike JPEGs which lock in your camera’s white balance decisions, RAW files can be changed after you take the picture. Pretty cool.) I have an article on correcting the white balance of your photos whether you take JPEGs or RAW. See, wasn’t that easy?

Next up is Color Management.

No, this won’t require a business degree. Or any degree. Here’s color management in a nutshell.

Different devices like cameras, computers, monitors, and printers read and produce colors in very different ways. In order to get the thing you saw with your eyes to go from camera to computer to print (or the web) and still look the same, there has to be some translation along the way. Color management gives you that translation. Now here’s the trick. There are different color spaces» to choose from. Some are big, they can use a whole lot of colors, like the big 64 box of crayons and some are smaller like the 12 crayon box. And there’s not a “right one”. But there are better and worse ways to use the different options. Here’s a couple of options.

If you’re just starting out and you want to keep things really simple, use a color space called sRGB. It’s a smaller color space (like the 12 pack of crayons) but it can still produce very nice and accurate looking pictures. It’s the easiest way to go since nearly every device will be able to produce the colors in this color space. Since every device will be on the same page your picture will look the same no matter where you look at it. And you won’t have to do special correction or adjustments when you move between devices, like going from your desktop to the web.

If your camera has the option, choose sRGB as the color space. If you don’t have the option to choose, your camera is probably using sRGB anyway. If you use GIMP  the default color space is sRGB (scroll down to point 1.2.1 Input). Now you’re all set.

The other option is to use a big color space (more like the 64 pack of crayons) in your camera and then make adjustments as you go. The idea is that if your original file has lots of colors you’ll have more information to use and more options to choose from. Not a bad idea, but it can get tricky. You’ll have to convert and adjust your photos as you transfer them to different devices.

For example: Internet browsers generally use sRGB. When you switch from the big color space to a smaller color space colors often get lost in the translation. Imagine the crayons. To switch from the big 64 pack of crayons to the 12 pack, internet browsers will just use the closest crayon available. But sometimes the closest crayon isn’t the most accurate looking color. Sometimes a mix of two or three colors is a better match. Sometimes adding some contrast or other adjustments makes the photo look more like the original too. Straight conversion from a big color space to a small color space is rarely exact so you’ll have to make those extra adjustments yourself to avoid losing quality.

And you have to remember to change your color space every time too. Otherwise your photos may end up looking dull and lifeless.

If you’re interested in this option, choose either Adobe RGB or ProPhoto RGB from your camera’s menu.  If you don’t have the option check your camera’s documentation. It may tell you what color space the camera uses by default (though it’s most likely sRGB). You can even set up GIMP to use one of these larger color spaces so all of your devices are on the same page.

More details on color to come. Next up is color in composition. Stay Tuned!

  • Facebook
  • Digg
  • StumbleUpon
  • del.icio.us
  • Twitter
  • RSS
A Color Space is like a box of crayons that a device (camera, computer, printer or internet browser) uses to color your pictures. Some use a bigger box of crayons than others.Powered by Hackadelic Sliding Notes 1.6.4

Not Green Eggs

August 8, 2010 by katn


eggs, originally uploaded by LandKat.

While I’m working on my posts about color in digital photography, I thought I would give you a taste of what I’ll be talking about.

This photo is nice because the colors are simple and correct. The eggs look like eggs, and the parsley looks like parsley. Imagine the same photo with a greenish tint. Or with a blue color cast. It might be cool for fine art, but it’s not as appetizing as the true to life colors are.

For this food shot, choosing the correct white balance, and getting the correct exposure were key. The white balance was set to “Sun” for bright south window light. This kept the photo from looking too blue, or too orange. If the eggs were too dark it might look unappetizing. I used a white foam board to bounce the window light back into the shadows and keep the photo nice and bright.

If you want people to think “Oh, Yum!” when they look at your food photos, and not, “Oh, No!”, taking a little time to get the color right will get you headed in the right direction.

More details to come. Stay tuned!

  • Facebook
  • Digg
  • StumbleUpon
  • del.icio.us
  • Twitter
  • RSS

Check for Color Casts the Easy Way

August 1, 2010 by katn

Think your photos might have a Color Cast»   but you’re not quite sure? Use the Filter Pack in GIMP to check your photo.

The Filter Pack makes 6 copies of your photo. Each copy has a little color added to it. One has a little Green added to it, the next has Yellow added, another gets Red, the next gets Magenta, another gets Blue, and the last gets a little Cyan. These variations are displayed in a circle around the original.

When you add Yellow to Blue, they cancel each other out. Same with adding Green to Magenta. In fact, each of the colors has it’s opposite. (Red’s opposite is Cyan.) So here’s the cool part: If you have a digital photo with a Green color cast and you add a little Magenta, the color cast goes away.

When you look at the variations around your original they will each have a color cast. But if one of them looks more natural than the original, it means your original has a color cast, and the added color of the variation canceled it out. If you think something is off in your photo’s colors this is a great way to check.

This is also a useful trick when you know something’s off but you can’t tell what color is causing the problem. For example, a Red color cast can look very similar to a Magenta cast but adding Green (Magenta’s opposite) to a photo with a Red cast won’t fix the problem. Using the Filter Pack in this situation is a more organized way of figuring out the problem than adjusting sliders using Colors > Color Balance.

Ready to try out the Filter Pack? Here’s how:

1 Open your Photo in GIMP

I always duplicate the Background Layer first

Then duplicate the Background layer. Need to know how? Click here!»   We want to make changes to the new layer, called Background Copy. Make sure it’s highlighted in blue.

Duplicating the Background layer is a good habit to get into when editing. In this tutorial, it’s especially important b/c we might need to adjust the opacity of the Background Copy layer later on.


2 Check the Variations

In the Main Window, go to Colors > Filter Pack. A window called Filter Pack Simulation will appear.

The Roughness slider controls how different the variations are from the original. Since we’re checking for a slight color cast it should be set quite low. Starting at 0.05 should do the trick.

Now, under the Windows heading, select Hue. Your variations will pop up in a new window called Hue Variations.

The original is in the center and the variations are around it. I can tell immediately that Red and Magenta variations make the photo look worse, not better. I see that Blue is too, well, blue, and so is Cyan. Yellow looks a bit too warm. On my monitor Green looks the most neutral.

Click on the variation that looks best to you. There’s no OK for this window. Just close it. Click OK in the Filter Pack Simulation window to apply the filter to your Background Copy layer.

*NOTE: Clicking on variations adds that filter without removing the last filter you added. If you click first on Green then on Red you’re adding both the Green and Red filters. If you need to reset to your original, exit the Hue Variations window and click Reset in the Filter Pack Simulation window.

3 Check your Work

Use the eye icon to toggle between the original (Background layer) and the color corrected image (Background Copy). How do I do that?»

Now that you can see your photo full size it may look like you’ve over corrected. This is where the opacity slider comes in handy. Just lower the opacity of the Background Copy layer a little. This will the make the corrections you’ve made seem less intense.

Check out the Before and After of my strawberry photo. The photo below is the Before. Roll over it with your mouse to see the After.

The Magenta color cast wasn’t obvious at first.   Using the Filter Pack made it a lot easier to spot. Toggling between the Before and After makes the Magenta stand out that much more.

Are you a beauty or food blogger? Do you sell anything online? Getting color right for your readers is really important. What’s the point of swatching that new MAC lipstick if the colors don’t look the same in your photo as they do in real life? Accurate color will help make your food photos drool worthy too.  In the next few posts I’ll be covering color basics from getting it right in camera, to correcting when you forgot, and even making the right choices for your online photos.

Stay tuned!

  • Facebook
  • Digg
  • StumbleUpon
  • del.icio.us
  • Twitter
  • RSS
A Color Cast is too much of one of the colors that make up a photo. Common color casts make photos look too yellow, blue, or pink.Powered by Hackadelic Sliding Notes 1.6.4
At the bottom of the toolbox window there is a small icon of the image you’ve just opened. This icon represents the Background Layer. To duplicate it, right click on the icon (two-finger tap if you’re on a MacBook) and choose Duplicate Layer from the options that pop up.  Click the button again to make this note collapse. Powered by Hackadelic Sliding Notes 1.6.4
There’s a little eye next to each layer icon at the bottom of the Toolbox window. Clicking on an eye makes the eye and the layer it’s next to invisible. When a layer is invisible, you can see what’s beneath it. By clicking Background Copy’s eye icon on and off, you can see the image before you made changes (the unchanged Background layer) and after you made them (the changed Background Copy layer). Click the button again to collapse this Note.Powered by Hackadelic Sliding Notes 1.6.4

This website uses a Hackadelic PlugIn, Hackadelic Sliding Notes 1.6.4.