Matching a web color.?

Question

I created a graphic with the hexadecimal color, #6699CC in illustrator. I then converted it into a jpeg to use in dreamweaver. I then used it in my web page, where on the CSS page I made the Background color #6699CC. In safari they don't match up at all. In Firefox, they look really close together, but are still off. How do I fix it?

Answer 1

Ditto Joe G, above. I tried it, in Photoshop, and got slightly different results in all browsers, especially when tiling the image. Internet Explorer, especially, seems to give grief.

If yer tiling, try saving the image with THE HIGHEST POSSIBLE resolution! Also, try, saving the image as a .png (in Photoshop it's done by "Save For Web" but I'm not familiar with Illustrator...)

Make absolutely sure, when you're diddling the image, you have "Image Mode" as RGB (even though you're using a "Web-safe" color...) then do your diddling, then at the very last moment change "Image Mode" to "Indexed" and go for the Save...and again, save with the highest possible Quality and Resolution!

(You notice I'm using Photoshop terminology here...I hope Illustrator has something similar.) Good luck!

Answer 2

When you saved the JPEG image it may have lost some of its picture quality if it was saved in a compressed format (to make the image smaller.) Also, if anything in the image was altered (such as changing the contrast or saturation) the color value would no longer match the original number as well.

I don't think it's the browser or your computer monitor since it would treat the same color value equally across the board.

If it were me (not knowing your computer system or how your software is set up) I would check your image preferences - especially those for saving images as JPEGs. Another thing I would try would be to copy and paste the image directly from Illustrator to Dreamweaver (rather than saving and opening it.)

I'd also put it up on a web page and have someone with Microsoft Internet Explorer look at it on a Windows PC computer to see if it looks different (if you are using a Mac.)

When I have this problem, I will take my eye dropper color picker and evaluate the color once the image is in place to be sure it really still is at #6699CC.

Hope this gives you some ideas :)

Joe

Answer 3

All colorations, websafe or no longer, have a Hex colour gadget equivalent. working example, White has the hex fee of #FFFFFF. In any of those classes, you may commonly use they eyedropper to seize the colour and then edit the colour field to get the hex equivalent.