Is there a way to invert the colors of the images only in Chrome?

5

I've inverted the colors for everything on my Mac, which makes it much easier to read text. The only downside is the images. It would be nice if there were a way to invert only the pictures in Chrome. I've found extensions that reverse everything, but I've not seen a way to reverse images.

So to be clear, I've already inverted everything, so by inverting the images they will be reverted back.

It would be great to be able to invert Videos too, but I figure I can tackle that later. Less of a big deal.

Thanks!

Jim McKeeth

Posted 2014-07-09T20:55:36.267

Reputation: 4 907

Answers

3

This may be a hack but since you tagged this as Chrome we are able to use -webkit-filer to invert images with CSS.

Maybe make an extension out of that or use a bookmarklet (like below) on each page.

javascript:var%20imgs=document.getElementsByTagName("img");for(i=0;i<imgs.length;i++){imgs[i].setAttribute("style","-webkit-filter:invert(100%)");};

Edit: I found Reluminate, a chrome extention that does what you want. It's a less hacky solution.

micke

Posted 2014-07-09T20:55:36.267

Reputation: 3 001

I'm fine with a hack. That seems to work for some images. I'm guessing it doesn't change the images that are part of the style. – Jim McKeeth – 2014-07-09T22:49:06.600

1I made one that inverts YouTube videos too:

javascript:var vids=document.getElementsByTagName("video");for(i=0;i<vids.length;i++){vids[i].setAttribute("style","-webkit-filter:invert(100%)");};
 – Jim McKeeth  – 2014-07-09T23:10:50.407

1Yes, the invert filter is not applied to background images and such, just <img> elements. It was meant as a demo but you could target background-images and (html5) video elements as well. – micke – 2014-07-09T23:10:56.327

0

Inverter for Nocturne (available at the Chrome Web Store) was specifically designed to "undo" the inversion on both images and YouTube videos when screen is inverted via, for example,

  • Mac Nocturne
  • Windows NegativeScreen
  • Windows Powerstrip (Inverted Gamma Ramp)

I find it works well in this capacity; the only (quite large) downside is that you lose colour, and all images are black and white. Apart from this it carries out the task well.

user3187876

Posted 2014-07-09T20:55:36.267

Reputation: 1

1

Please read How do I recommend software for some tips as to how you should go about recommending software. At the very least you should provide more than just/at least a link, for example some additional information about the software itself, and how it can be used to solve the problem in the question.

– DavidPostill – 2015-08-13T12:32:59.477