Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

I can't get the same colors in Ultradev from Photoshop 5

Status
Not open for further replies.

jeevenze

Technical User
Mar 13, 2001
62
US
I'm building a navigation bar for my web pages. I've created buttons (images) in photoshop and the background color I've used on the buttons is EXACTLY the same as the page background color in Dreamweaver. After I save the buttons as GIFS in photoshop and insert the image/buttons in Dreamweaver, the background colors look distinctly different (especially in Internet Explorer). But they have the same hex #. When I use the dropper the same hex # comes up in the image background and the page background...but they look different!! Can anyone tell me why this is happening.

Jeevenze
 
Jeevenze: are you sure to set TrueColor 24/32 bit in the browser´s
environment ?
The second problem is the highly complex Color Management in PhS6.
Here I would switch CMS off. In PhS5 I don´t have any problems like this.
The RGB color values of GIF backgrounds match exactly the RGB values
in HTML. ---Gernot
 
I'm not at an expert at Photoshop by any means, but where are checking the hex values from? If it is while they are still in Photoshop then that is fairly meaningless. Chances are that when Photoshop optimizes the image into a gif for you it is altering the palette slightly (I know PSP does this).

First thing I would do is get your web browser up, do a screen grab and check the hex values off that.

Second thing, check how Photoshop is optimzing your images and have a play; if you still can't get it right, save them as gif images, open them up again and edit the palette so that the colour that it has put as the background exactley matches the RGB of your html background.

=)

PetitPal.
 
PetitPal,
I'm checking the Hex values in dreamweaver...In the properties panel you can open a color swatch and the cursor changes to a dropper and you can move it all over the page and the hex value corresponds to where the dropper is pointed at. So the Hex Values appear the same when I move the dropper from one background to another.

Jeevenze
 
Have you tried opening them in Photoshop and check the hex values there?

PetitPal.
 
This URL doesn´t work. Perhaps too long.
Go to Select Windows/PhotoShop
Log in by your true name.
Find the actual thread about Web colors.
Or find by keyword search "Web colors" or "Webcolors"
---Gernot
 
I skipped most of the above, but I had this problem in the worst way. Here's what solved it:

Image Ready and/or Fireworks

Thankfully, both licenses for PS and DW came bundled with lower end web graphix apps. They match DEAD ON to what DW will spit out. If you weren't fortunate enough to get one of the bundles, then you'll have to mess around with the images, being the easier of the two to edit.

I have noticed that PS addes a screened pattern over the colored images when tabled next to a DW color. "Absorb what is useful, discard what is not. Add what is uniquely your own." - Bruce Lee - The Tao of Jeet Kune Do
 
Here's an example of what I'm talking about...


the arc on the left has the same hex value as the page background, but if you see the page in IE it looks like it's two different colors.

Jeevenze
 
Well, it comes as no surprise, really. Adobe has always maintained that they were never going to support Photoshop as a web graphix app. That's why we have Image Ready (or Fireworks - I like it better) that's lower end, handles everything a web dev. needs to add the right colors to their site. Photoshop is just so darn sophisticated it's like asking Rembrandt to use crayons... </soapbox>

;) &quot;Absorb what is useful, discard what is not. Add what is uniquely your own.&quot; - Bruce Lee - The Tao of Jeet Kune Do
 
Looks fine to me.

I haven't had any of the problems with ps6 but a lot of it depends on the ps v's microsoft settings.

I know that there were several browser releases which messed up some of the hex colours, but I thought it was in the yellow/blue range.

You don't mention what browser u r using or what your pc settings are. This could be part of the problem.#

btw the site looks good. nice one.

Manic
-----------------------------
I've broken it again !!
-----------------------------
 
I know this isn't the ideal solution for your colour matching problem (although my system - IE5.5/Win2000/16-bit and 24-bit colour depth isn't showing the problem)you can overcome it by exporting a 1x1 gif from PS, and setting it as a background image for your pages. This would ensure that the process of rendering hex codes was left to the graphics package rather than the browser. Interestingly, you say that it is worse in IE, indicating that the browser is at least partially to blame, it's not all PS!.
 
gollyg,
I tried exporting a gif from PS...it looks fine in IE now but now it's messed up in Netscape.

Jeevenze
 
Well, I tried using different (close) hex numbers and finally found one that works on both IE and Netscape. Just for anyone who's curious I was having trouble with #680000 and now I'm using #780000 for the page background and the image background and it works!!!!

Jeevenze
 
Adjust the Color Settings under the Edit menu in photoshop. Photoshop will convert on the fly any image you bring open based on the color settings. For some stupid reason it defaults to sRGB upon install which will destroy any image you open. Set it to something more condusive to your workflow and you will have no problems. Keep in mind Mac monitors are brighter by design and PC monitors are set to NTSC color standards so there will be differences no matter what.

Adobe DOES support photoshop as a web application, you just have to know how to use it.
 
jaquan,

it was a joke. I remember when 4.0 was released, every web designer/developer wanted to know when they would make it more web friendly... like fireworks. Adobe took an 'adamant' stance against lowering PS to those standards. Heh. Must be new management. ;) &quot;It's easier to ask forgiveness than it is to get permission.&quot; - Rear Admiral Dr. Grace Hopper
 
I remember those days as well and wondering what the heck Adobe was thinking. I didnt mind so much cause all I was doing was print work at the time. It took long enough but the power is there now. I'm still trying to figure why LiveMotion was ever unleashed. Must of been that new management. haha Sorry if I seemed kurt in that last post.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top