I designed some web pages and graphics at work where I have a newer 24 in monitor. I was very happy with the designs and color but when I brought the work home the color was ugly on 3 different screens, one of which is a newer laptop.
I know that color can change between monitors and computers but this was fairly drastic every though all monitors support 32bit color settings. The oldest computer/monitor even showed the difference between a very dark color used in a jpg that was overlayed on a background color of the same value on the web page.
I am not a professional graphic designer so this is really frustrating, I don't know if my work computer is calibrated wrong or if my 3 computers at home are bad. Should I continue to design on my work computer or do my designs at home in order to get the best color for the most audience?
Are there colors beyond the short "web safe" list that I should use that will have less difference yet still allow for nice color selection and gradients? I really want my graphics and pages to be well represented across most screens.
I've attached one of the images. The worst color offender is the background of the text which should be a nice light brown/almond color but shows up a very ugly sewer green/brown. The blue is also a lot darker than viewed on my work pc and it is very hard to tell that the borders surrounding the blue are dark/brown mix, it really looks mostly black.
Any suggestions? How do the colors look for you?