navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Color Frustrations

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Design >> Web Graphics >> Color Frustrations
Page: [1]
 
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
Color Frustrations - 4/13/2006 13:27:14   
I have created a banner logo in Photoshop. It sits on the right side of a div that has a background color setting of #993300, the same background color as the image (.png format). In Dreamweaver the image and the background of the div match perfectly. However, in IE, the colors don't match. I believe the color is a "web-safe" color. I have included a screenshot of what I am seeing in IE. Any ideas on how I can resolve this?

Attachment (1)

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Color Frustrations - 4/13/2006 13:40:17   
Duane, if you were using FF you could downlaod a nifty piece of kit called colorzilla which sits in your status bar and allows you to check colours. I've just done it on your graphic and it says your background is 993300 but the logo background is 902A00.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to BeTheBall)
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
RE: Color Frustrations - 4/13/2006 13:56:38   
Thanks jaybee. I am doing this at work and we are restricted to IE. However, I opened Pixie, another color checker and found what you did. I adjusted the background of the div accordingly and it looks good. I guess the question then becomes why does PS think the color is 993300? :)

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.

(in reply to jaybee)
rdouglass

 

Posts: 9280
From: Biddeford, ME USA
Status: offline

 
RE: Color Frustrations - 4/13/2006 14:18:52   
quote:

I adjusted the background of the div


Are you using CSS? Is it inheriting that color? (Remember the operative word is 'Cascading'...

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to BeTheBall)
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
RE: Color Frustrations - 4/13/2006 16:48:19   
The color of the div, according to the color checker, agreed with what I declared it in the stylesheet. The problem was my image. The background of my image when looked at in PS was #993300, which is what I wanted. However, when I viewed the image through IE, the color checker was showing the background of the image to be #902A00. In other words, IE and PS did not agree on what color the background of the image truly was.

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.

(in reply to rdouglass)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Color Frustrations - 4/14/2006 5:16:36   
do you have colour management turned off in PS?

_____________________________

David Prescott
Gekko web design

(in reply to BeTheBall)
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
RE: Color Frustrations - 4/14/2006 9:35:16   
Dave, I am very much a PS novice. Are you referring to this?



Thumbnail Image
:)

Attachment (1)

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.

(in reply to d a v e)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Color Frustrations - 4/14/2006 9:37:18   
that's the one.. wasn't sure whether it might be interfering. have you got the original psd we could have a look at or are you ok now anyway? ;)

_____________________________

David Prescott
Gekko web design

(in reply to BeTheBall)
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
RE: Color Frustrations - 4/14/2006 9:50:29   
I managed to make the colors match up, but would still be very interested in figuring out why PS thinks it's one color while every other color checker thinks it's another. I wonder if the change is happening in the save process. Here is the .psd.


Attachment (1)

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.

(in reply to d a v e)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Color Frustrations - 4/14/2006 11:56:33   
it's strange. gif from PS works fine but 8bit png shows the right colour #993300 in the preview window in image ready (i even took a screenshot and pasted it into fireworks and it reports #993300) but when i open the png in firefox it shows #983200... investigating further :)

edit: even locking the colour #993300 (which should prohibit it from being dropped from the export palette) still results in the colour shift.

ok in IR select the 993300 from the colour table (cclick once) and then just under the colour table in the row of small icons there is one that looks like a checker board (small white and gray grid) click that to set the transparency colour and in the preview window (in the 2-up mode for example) you'll see you now have a transparent background from everything that was 993300. now when you export it will match perfectly.

as to why you can't export WITH the background colour of 993300 and it not move to 983200 is a mystery (maybe a bug??)
when i make transparent gifs/pngs i always antialis against the target background colour and export with that colour as transparency in my gif/png

< Message edited by d a v e -- 4/14/2006 12:11:28 >


_____________________________

David Prescott
Gekko web design

(in reply to BeTheBall)
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
RE: Color Frustrations - 4/14/2006 12:29:46   
OK, here is where I start to sound stupid.

quote:

in IR select the 993300 from the colour table


What do you mean by "IR"?

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.

(in reply to d a v e)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Color Frustrations - 4/14/2006 13:18:01   
file > save for web
this takes you into the image ready dialogue (save for web - powered by image ready)
;)

_____________________________

David Prescott
Gekko web design

(in reply to BeTheBall)
BeTheBall

 

Posts: 6381
Joined: 6/21/2002
From: West Point Utah USA
Status: offline

 
RE: Color Frustrations - 4/14/2006 13:41:03   
Very helpful. That little process will come in handy for a lot of things. Thanks Dave.

_____________________________

Duane

Some people are like Slinkies . . . Not really good for anything . . . . . But they still bring a smile to your face when you push them down a flight of stairs.

(in reply to d a v e)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Color Frustrations - 4/29/2006 16:25:18   
Well I've discovered what's causing this purely by accident. I was looking into the new, all singing, all dancing potential chaos that is IE7 when I came across somebody bemoaning the fact the even though it's now been fixed to cater for transparent pngs, the colour in his graphic didn't match the background.

Seems it's down to colour profiles being picked up by the browser.
Safari ignores them but other browsers use them.

MS state:
quote:



true that png-8 colors wont match up in IE why that is, not sure.

workaround make a 1px background png-8 coloured square to match the CSS background-color


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to BeTheBall)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Color Frustrations - 4/29/2006 16:30:05   
that's why i asked previously if they had colour management turned off. what i'm wondering is why it doesn't work when the colour management IS turned off (so no profile to save) in my tests... :( it only explains it if colour management is turned ON.

{edit} http://www.w3.org/Graphics/PNG/platform3.html bit about colour profiles in pngs, but not really any help in explaining the colour shifts...

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Color Frustrations - 4/29/2006 17:58:25   
quote:

png-8 colors wont match up in IE why that is, not sure


It's something to do with IE not liking graphics produced by non MS packages. Can't find a lot on it at the moment. Firefox only has problems if the colour manager is on. IE seems to disregard any settings or no settings.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to d a v e)
d a v e

 

Posts: 4177
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Color Frustrations - 4/30/2006 0:09:22   
what? you mean it's IE's fault? surely not!
:)

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
anderskorte

 

Posts: 545
Joined: 2/20/2005
From: Finland
Status: offline

 
RE: Color Frustrations - 5/6/2006 11:48:58   
I don't know the cause for this, but I've seen this very same or similar problem mentioned in many places.

Like, if you have a background color of #003399 defined in CSS, and you put on it a PNG image with the same #003399 background, the colors are identical in other browsers than IE. In IE, the PNG might have a slightly different (erratic) color.

Use either image backgrounds only or CSS background colors only. Don't mix these two. Or, use an image with a transparent bg.



PS, offtopic: You don't have to use browser-safe colors anymore.

(in reply to d a v e)
Page:   [1]

All Forums >> Web Design >> Web Graphics >> Color Frustrations
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts