How to turn web pages in browser into black & white (Grayscale)?

Question

How can I turn all colours of web pages into simple black and white, on my web browser?

Which browsers support this (Chrome, Internet Explorer, or Firefox)?

Is this even possible?

Answer 1

I found this nice blog entry which explains how to do it in both IE and other browsers:

"“Grayscaling” in non-IE browsers" (James Padolsey)

The basics for IE specifically:

elem {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  /* Element must "hasLayout"! */
  zoom: 1;
}

You'll want to make a custom CSS file and use that in the browser to apply to all pages (look into IE's Accessibility options).

For other browsers, it requires more work, including adding javascript to loop through elements and convert to grayscale. So it's not going to be "point'n'click B&W", but might get you headed in the right direction.

The blog has a demo page for it, and you can download the JS script from there.