Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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.


share|improve this question

migrated from webapps.stackexchange.com Jul 9 '14 at 20:57

This question came from our site for power users of web applications.

1 Answer 1

up vote 1 down vote accepted

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.


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

share|improve this answer
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 Jul 9 '14 at 22:49
I made one that inverts YouTube videos too: javascript:var vids=document.getElementsByTagName("video");for(i=0;i<vids.length;i++){vids[i].s‌​etAttribute("style","-webkit-filter:invert(100%)");}; –  Jim McKeeth Jul 9 '14 at 23:10
Yes, 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 Jul 9 '14 at 23:10

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.