Font colors change when printing

Question

I have a really confusing issue. I have a table that is built dynamically (maybe this is an unimportant fact, but just like that you know). On a webpage, I have text set in separate colors based on logical criteria. On the page, it looks great. When you are going to print previews (and actually print), the colors are very different.

In my color code: Red - FF0000 Orange - FF8300 Yellow - FFFF00

The following illustration shows the page, and then the print colors on the left and right, respectively. Please note that I do not care about the background color. You can clearly say that the colors on the page are much brighter than in the preview. Yellow is not yellow at all.

Any thoughts on why this is happening?

Answer 1

You need to enable "Printing color colors and images."

This for some reason also corrects foreground colors. If unchecked, printing is in economy mode.

---

   

---

Before and after shooting:

Web Render: Print Before: Print After:

---

Page example:

<table border=1>
   ...

With CSS:

th {
    font-family: Arial;
    color:#244169;
    background:#d8ebf9;
}
td {
    font: bold 10pt Courier;
    background: #f1f5f8;    
}

.red {
    color: #ff0000;
}
.orange {
    color: #ff8300;
}
.yellow {
    color: #ffff00;
}

---

Internet Options:

Please note that in the section Tools→ Internet Options→ Advancedscroll down to Printing, there is an option for printing colors and background images. This does not affect Preview or Print. Probably not here. (Tested only on Windows XP, as this is the only place I have IE8.)

, , . ; . , .