Color Profiles Tutorial

By tomnorth written 8/27/06 2:39 PM, published 8/27/06 2:39 PM
If you've ever noticed the colors in the photos you've uploaded looking a bit flat or the detail gone in the shadows it might well be an issue with color profiles.

I helped one of the members recently with this, so I thought a tutorial might be in order.  I'm going to constrain my discussion to the two most common color profiles: SRGB and Adobe RGB. RGB stands for Red, Green and Blue.  For Web work, SRGB is the profile of choice.  For work that you're going to print, Adobe RGB is better.  The pictures below will show you the differences between the two.

Here is a three-dimensional rendering of the Popup LinkSRGB color space with black in the center. Here is the same view of Popup LinkAdobe RGB.

Now look at a three-dimensional rendering of the Popup LinkSRGB color space with white in the center. Here is the same view of Popup LinkAdobe RGB.

What you can see is that the Adobe RGB color space is much larger, providing richer detail.  That's why it's a great choice if you're going to print the images.

I have my camera (Nikon D70) set to capture images in Adobe RGB.  Many of you may also be able to set the color profile that your camera shoots in.  However, there's a twist.  If you don't convert the color profile to SRGB before posting to the Web, the results look flat and lifeless.  Here are a couple examples.

This is a recent image shot in Adobe RGB and Popup Linkuploaded as Adobe RGB. Here is the same image Popup Linkconverted to SRGB before uploading. Do you see how much more color there is in the cheeks of the girl on the left in the SRGB version? I'm not exactly sure why this happens but my guess is that the portions of the Adobe RGB space that are outside of the SRGB space get clipped somehow.

If you use Photoshop you can convert color profiles.  In fact, one of the slickest things about CS2 is the Image Processor command.  You get at it from the Popup Linkfrom the Tools menu in Bridge. It then opens up Photoshop to start the engine.  If you've already got Photoshop open you can access the Image Processor from the File...Scripts menu path.  Here is the Popup Linkdialog box that opens up. There is a check box to tell it to convert to the SRGB color profile. You can also resize the image and convert it to jpeg at the same time.  You can run the Image Processor on batches of images.

I've used iPhoto and Photoshop Elements 3.  Near as I can tell, neither of those allow you to change color profiles. They basically work with what they're given.

So here's my advice.  If you're planning to print images and you have Photoshop then I'd work in Adobe RGB and convert to SRGB for posting on the Web.  If you don't have Photoshop I'd stick with SRGB.  If your camera allows you to set the color profile in which you're shooting all the better.  Chances are if you've not changed the color profile setting on your camera, you're shooting in SRGB.

Hope this helps someone.



 
  • surferguy
    Woo Hoo... very nicely done Tom... thanks...

    - WoooFrigginHoooo...


  • loweho
    Great job, Tom! Straightforward and well illustrated. I think in Elements 4 you can change the profile but it is a more obtuse procedure than in PS and I don't think it is a batch operation. Also, the values don't get stripped, an 8 bit rgb has the possibility of @16million values, you can have two different profiles with the same numbers but they just get mapped to colors which look correct on the target. For example, a value like 255R 0G 0B, would exist in both profiles but srgb would map it to a red that looks right on a monitor, Adobe a red that looks right when printed. Sorry, I wasn't trying to hijack your post, Tom!

    - Fickle Finger of F8


  • tomnorth
    No problem loweho. I'm happy to know. I wasn't sure why it happened, I just knew it did.

    - One size does not fit all


  • Pablo57
    Thank you, Tom.

  • bleustudios
    Thanks Tom...great tutorial :)

  • kitzi
    I'm using PS 7.0, can't find anything to do with SRGB??

    - ©kitzi


  • tomnorth
    I can't help you on 7.0. However, if you search on the help file you might find something. In the Edit menu of CS2 there is a Convert to Profiles command that enables you to change color profiles. I'm not sure if it's in 7.0, but I suspect there is some way to adjust color profiles in 7.0.

    - One size does not fit all


  • Sopris
    Thanks again!!

  • kitzi
    thanks, will keep on looking!

    - ©kitzi


  • bleustudios
    Hi Kitzi...if you look under the photoshop drop down menu...then color settings...you'll find the srgb settings...(this is on the mac)...I assume it's similar on the pc

  • photorogue
    Although this is more directed towards color photography something I found in an Adobe book might be useful also... if you plan on converting color images to black and white instead of making them monochrome just desaturate the image and use the color channels individually to make changes to the image. It works just like using filters on a camera with B&W film in it. It can increase contrast without losing detail. Great suggestions though, taught me stuff about color I didn't know as well as I thought : )

  • tomnorth
    I tried an experiment tonight. In Photoshop I toggled an image between sRGB and Adobe RGB. The image had lots of bright red in it. In the brightest red area, the red level was 255 in sRGB and 215 in Adobe RGB. If that same image is viewed on the Web, it appears that the 215 level in Adobe RGB is getting read as 215 in sRGB, which would account for the duller colors.

    - One size does not fit all


  • chef009
    Thanks Tom.....for taking the time and walking down the ever learning road of PS...well done.

    - With these Hands


  • JustPeachy
    Thanks Tom! I need all the help I can get. I'll save this one and read again when I have the pics and software in front of me.

    - Good Kitty No More


  • sceneangel
    Thanks Tom. Getting the colors correct for printing can be a nightmare at times, even if you know what your doing..LOL You did a great job explaining this.

  • muddy
    Thanks for taking the time on this. I appreciate it.

  • kitzi
    I finally found the settings in PS 7.0, thanks to bleust..my setting was defaulting to SRGB..so as I understand things.. I should set PS to Adobe RGB for printing and use SRGB for web??? I actually have been disappointed with my printer sometimes as the colors do not match what's up on the screen. hmmm thanks!!

    - ©kitzi


  • javsmom
    thanks tom, another bit of yours that is copy/pasted on my desktop:) keep em coming!

  • liquidpulp
    Awesome post thanks for the great explanation but i have a question.. what is the option to save for the web? anyone know's what that intells? is it just compressing the image or is it using the SRGB profile?

    - take a pic it last longer


  • tomnorth
    Good question. I tried that in CS2 and it saves it as SRGB.

    - One size does not fit all