4 Replies Latest reply: Nov 6, 2010 2:41 PM by Budo Cat RSS

    Color hexidicimals not matching up

    Budo Cat Community Member

      I created a gradient in Firefox, exported it to Dreamweaver, and now have it on my template. I typed in a default background color value to match the final, darkest shade of the gradient to give me that seamless transition should one of the site's pages run long. When I test the template on Firefox, Chrome, Safari and Opera, the page looks great. But I am concerned that the color of background image (ie, the imported slice) and my default background color do not match in Dreamweaver Split or Design view. In Dreamwever, it is clear where the sliced image ends and the background color begins.

       

      To put some numbers on it: In Firefox, I started the gradient with #CC9933, then adjusted the brightness/contrast filter (brightness -81, contrast -8). That gives me the image that I want, with #80510F as the darkest shade at the bottom of the gradient. But when I type that into my Dreamweaver header as my background color, the shade is *significantly* lighter (in Split and Design view, that is. Not when I preview with a browser).

       

      To add to my confusion, I checked the background and gradient in Dreamweaver with a color picker. The Dreamweaver picker reads the bottom of the gradient as #81510F (not #80510F, as Firefox read it) and the background as #8F651C (even though the header still says #80510F). When I typed in the correct color number and clicked on Apply, I got this message: "Auto is not one of the standard values for this CSS property. Use it anyway?"

       

      Putting aside the #81510F vs #80510F discrepancy, I am concerned that the transition between gradient and background color will not work on other computers or browsers. It was my understanding that "web safe" colors were a thing of the past. I'd read in a few books that any color is good on any browser and any modern computer. But now I'm wondering. Is Dreamweaver saying that the color I want as my default background not a safe color?

       

      Maybe I am making much ado about nothing. As I said, the template looks great when I preview it. But that's just looking at it with my Mac on a few browsers. How will a PC, or the IE browser, render my pages? I'm not so worried if it's not exactly the same color. I just don't want a gradient that will smoothly transition into the background color.