Nov 122008
 

I was creating a web gallery in Lightroom today for a friend, and I wanted it to look as consistent with her website as possible in terms of colors and fonts. The issue I faced was how to determine what the website background color was. Here’s how to do it using Photoshop (UPDATE – click here to learn how you can do this in Lightroom):

  • Open up Photoshop, open any image and make sure you have the background layer highlighted in the layers palette.
  • Resize the Photoshop window so that the web page (or any other document) you want the color from is next to it.
  • Grab the Eyedropper tool (shortcut I), click anywhere in the image, and then drag over onto the web page color you want. As you drag around, you will see that the foreground color in Photoshop’s tool palette changes to reflect the color you are over. Let go when you have sampled the color you want.
  • Click on the foreground color swatch in the tool palette to open the Color Picker dialog. Write down the 6 digit hexadecimal color code (circled below):
Photoshop Color Picker Dialog Box

Photoshop Color Picker Dialog Box

Here is how to use the color in a Lightroom web gallery:

  • In the Web module Color Palette, click on the background color, and when the color dialog box opens, click in the hex box and type the new number in. That’s it!
Changing a Lightroom Web Gallery Color

Changing a Lightroom Web Gallery Color

Once you have your web gallery designed, don’t forget to create a template, so that you can use the design again without having to start over from scratch. More on that in another post.

Share

  One Response to “What is that cool color? Find Out Using Photoshop”

  1. thanks…..it worked great……i used the hsb rsb also in normal ms paint from the adobe Ps reference…..perfect result…..

 Leave a Reply

(required)

(required, but will not be displayed)

Sign Up Today!
  • Free Video Tutorial Series: Learn Lightroom CC 2015 and Lightroom 6’s New Features!
  • Laura’s Lightroom Newsletter Updates
  • Access to Laura’s Free Live Webinar Broadcasts
  • New Lightroom Video Tutorials and Articles
  • PDF of Laura’s Favorite Lightroom Shortcuts

Your trusted source for all things Lightroom!
I will not share your email. Unsubscribe anytime.