Photoshop Layers - Matching Colors

[hexdj]

I have a layer with a picture that has some white in it,

A second layer that's half on top of the first layer and the other half does not have anything in the back. This layer also has 80% opacity and the color is just what I want.

How can I match the color from the second half to the one that has a white background?

[limbo]

One way would be to flatten your layers (might want to 'save as' first) - you will get the correct pipette value as opposed the that of the uppermost tanslucent layer.

[hexdj]

Thanks, I have tried that but... here's the thing I have a purple layer that's just the exact shade I want, I do not want to change that to any other shade, that's just a plain layer, nothing under it no oppacity.

The one I want to be that exact same purple as the first one has a white picture on the background, this is the one with 80% oppacity.

I know it's easier to match the one that has nothing under it, but that's not the one I want to match.

[jessejump]

>>>> A second layer that's half on top of the first layer and the other half does not have anything in the back.

What?

[hexdj]

Here's an image of what I am working on,

- The biography box has the exact color I want

- The big purple square that's underneath it needs to be the same color as the Bio box, but still needs to remain transparent so that the background image is still visible

- What I need to do is to blend the purple of the two boxes so it's seamless

THANKS!

no personal URLs, please see the TOS [webmasterworld.com]. Cheers.

[edited by: limbo at 9:22 am (utc) on Nov. 7, 2006]

[jessejump]

1. You could make the large square the same color purple.

2. Instead of making it semi-transparent to show what's underneath - recreate what's underneath by making a new layer of the "underneath area" and making it the color you want - and putting that new layer on your large square.

[rocknbil]

Keep in mind the color you see is a combination of the opacity AND the background. So,

1. You say the BG layer is white. Create a new layer UNDER your opacity layer. Fill it with white, or whatever color is the one below your desired color.
2. MERGE the purple layer with the new layer.
3. Using the eyedropper, sample your new color.
4. Click the foreground color box on the tools palette, and look at the HEX COLOR VALUE in the Color Picker box. For example, it will have a # with 919EFF in the text input field.
5. Write it down or copy/paste it into your CSS:

.inset-bg { background-color: #919EFF; }