Color match?

Take s look at http://www.opro.org/new%20redesign/currsch.php in Firefox
(or other Gecko).

I see the rounded corner as obviously different than the background color
beside it. IE and Opera don't render a difference.

What's going on, and how do I correct it?

On Sat, 30 Oct 2004 15:59:05 +1000, brucie <shit (AT) usenetshit (DOT) info> wrote:

In alt.html.critique Neal said:

Take s look at http://www.opro.org/new%20redesign/currsch.php in Firefox
(or other Gecko).

I see the rounded corner as obviously different than the background
color
beside it. IE and Opera don't render a difference.

i get the same color in IE6,opera7.54, moz1.7.2 and FF0.9.3 on 4
different monitors.

On my system the difference is noticable on FF 0.9.2. So you don't see the
issue?

increase your color depth or use an eyedropper to suck up the image
green color and use that green for the other green colors.(i assume
you're talking about the green not the beige) it was a big issue a few
years ago when graphics cards were more limited.

Yes, the green - the beige in the bg image is actually transparent.

But why is it fine on Opera and IE? I'm confused.

Neal wrote:

Take s look at http://www.opro.org/new%20redesign/currsch.php in Firefox
(or other Gecko).

I see the rounded corner as obviously different than the background
color beside it. IE and Opera don't render a difference.

What's going on, and how do I correct it?

With Netscape 7.1 the colors match perfectly with 32-bit color, but do
not match with 16-bit color.

I see no problem with IE 5.5 at either color depth.

24-bit is not an option on my system.

Brucie's eyedropper suggestion should do the trick.

Chris Beall

On Tue, 02 Nov 2004 21:52:50 GMT, Chris Beall <Chris_Beall (AT) prodigy (DOT) net>
wrote:

Neal wrote:
http://www.opro.org/new%20redesign/currsch.php in
Firefox (or other Gecko).
I see the rounded corner as obviously different than the background
color beside it. IE and Opera don't render a difference.
With Netscape 7.1 the colors match perfectly with 32-bit color, but do
not match with 16-bit color.

I was in 16-bit, in 24-bit it's fine. Of course, this only fixes it on my
monitor. of course, it changes the Opera icon from red to gold, and the
little dial-up connection icon in the systray is harder to make out
whether it's lit or not :\ I wonder if that's a good thing.

Brucie's eyedropper suggestion should do the trick.

I'm still confused!

1) What is it with Firefox that is different from IE and Opera with this?

2) Is it a fault of the color I chose? Should I revert to a web-safe color?

On Wed, 3 Nov 2004 08:15:29 +1000, brucie <shit (AT) usenetshit (DOT) info> wrote:

use an eyedropper tool

Ok, here's where I'm stuck.

I tried this. I checked it in Firefox with Colorzilla, it showed the color
I had set in the image and the CSS as #408080 as #488488. So I changed the
CSS and the image to $488488.

Now FF looks good, and IE and Opera are busted.

So I tried other colors and got nowhere. I went back to #408080, and am
stuck.

On Wed, 3 Nov 2004 09:07:45 +1000, brucie <shit (AT) usenetshit (DOT) info> wrote:

don't change the image at all, just change the css color to match what
the image color is. if your eye dropper is reporting the same color for
both then its wrong because you can obviously see a difference.

either reduce the sample area of the eyedropper to 1x1px [1] or use a
better eyedropper.

Well, I checked the Colorxilla eyedropper, it remains the same wherever I
put the cursor, so I assume it's reading the cursor at hand. So I changed
the stylesheet to #488488, which is how the eyedropper responded.

See the results: http://www.opro.org/new%20redesign/index.php - looks good
in Firefox, not so good in IE or Opera, which respond with the same
results.

If this issue cannot be resolved, I'll go with the IE/Opera value and
screw FF. but I'd like to find out how to please all UAs, of course.

Neal

Well, I checked the Colorxilla eyedropper, it remains the same wherever I
put the cursor, so I assume it's reading the cursor at hand. So I changed
the stylesheet to #488488, which is how the eyedropper responded.

My eyedropper reports #408080 for the colour of that corner. I even stole
corner2.gif for a look. That reports the same colour. This sounds like a
nice round colour, one that you would probably pick if you were typing
colours in by hand.

However when I drop my colour quality to 16 bits that gif becomes #428284.
At 15 bits it's #428484 *on my system*.

I'll bet you have something less than 24 bit colour.

Now, we know that 15 bit video can not display all colours. How the
"missing" colours are translated into one of the 65355 available ones is
determined the browser. How those 15 bit colours are then extrapolated up to
24 bits to drive your screen is determined by the chipset on the colour
card, yep, the hardware. Your system is different to mine.

By the way at any colour depth I see the colours different, on my system.

If you want to get rid of your problem you have to first of all change that
gif to a 15 bit safe colour (*not* web safe. web safe colours are not 15 bit
safe). The way my system (at least) works is that, for each 8 bit colour,
you simply drop the lower 3 bits. That is the "get it into the hardware"
bit. Then the hardware, to build an 8 bit colour for your screen takes its 5
bits and makes them the high order 5 bits of the 8 bit colour. Then it takes
the top three bits of the 5 bit value and makes them the low order 3 bits of
the 8 bit colour.

If you have a fiddle with a pencil you will determine how #408080 gets to be
#428484 on my system.

Your other option is to live with the fact that different viewers computers
work slightly differently. Even if you do the above 15 bit safe stuff it may
not work on *your* system.

I had a huge rant a couple or three years ago on the subject of 15 bit safe
colours and the now obsolete web safe colours. It'll be in the archive
somewhere. Look for words like colour, 15, 24, "web safe". The words "cheers
richard" and rf in the from field narrow posts down to me.

--
Cheers
Richard.

On Wed, 3 Nov 2004 15:36:59 +1000, brucie <shit (AT) usenetshit (DOT) info> wrote:

In alt.html.critique Neal said:

See the results: http://www.opro.org/new%20redesign/index.php - looks
good
in Firefox, not so good in IE or Opera, which respond with the same
results.

looks the same in IE6, FF0.9 and opera7.54 - the colors are different.
in all three browsers my eyedropper tells me the colors are:

32bit. image: #408080, other green: #488488
16bit. image: #428284, other green: #4A868C

they're the only 2 colors depths available to me.

Your 32-bit results are what I found at 16-bit. Currently #488488 in both
places at 16-bit.

So what do I do? In absence of better advice, I go with IE and Opera.

On Wed, 03 Nov 2004 05:43:16 GMT, rf <rf@.invalid> wrote:

My eyedropper reports #408080 for the colour of that corner... This
sounds like a nice round colour, one that you would probably pick
if you were typing colours in by hand.

As I did...

I'll bet you have something less than 24 bit colour.

16. I tried 24, it doesn't really look right on my system.

If you want to get rid of your problem you have to first of all change
that
gif to a 15 bit safe colour (*not* web safe. web safe colours are not 15
bit
safe)... blah blah blah

head {condition: spin; speed: uncomfortable;}

Your other option is to live with the fact that different viewers
computers
work slightly differently. Even if you do the above 15 bit safe stuff it
may
not work on *your* system.

I may keep #408080 altogether. And cry in my sleep.

On Wed, 3 Nov 2004 15:52:32 +1000, brucie <shit (AT) usenetshit (DOT) info> wrote:

my cute little eyes and my eyedropper report the image and the other
green are the same color here: http://moreshit.usenetshit.info/neal/

16bit both: #428284
32bit both: #408080

Opera - Yay.
IE - Yay.
Firefox - Boo. At 16-bit.