Chrome でのみ画像の色を反転する方法はありますか?

Chrome でのみ画像の色を反転する方法はありますか?

私は Mac 上のすべての色を反転させています。これにより、テキストが読みやすくなります。唯一の欠点は画像です。Chrome で画像だけを反転する方法があれば便利です。すべてを反転させる拡張機能は見つかりましたが、画像を反転させる方法は見つかりませんでした。

明確に言うと、すでにすべてを反転しているので、画像を反転すると元に戻ります。

ビデオも反転できれば最高ですが、それは後で取り組むつもりです。それほど大きな問題ではありません。

ありがとう!

答え1

これはハックかもしれませんが、これをタグ付けしたので、 CSS をChrome使用して画像を反転することができます-webkit-filter

おそらく、それを拡張機能にするか、各ページでブックマークレット (以下のようなもの) を使用するでしょう。

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

編集1: 見つけた再発光、あなたが望むことを実行する Chrome 拡張機能。あまりハッキング的ではないソリューションです。

編集2: ベンダープレフィックス(つまりwebkit-)は、CSSフィルターはかなり標準的です今。

答え2

ノクターン用インバータ(Chrome ウェブストア)は、例えば、画面が反転されたときに、画像とYouTube動画の両方の反転を「元に戻す」ために特別に設計されました。

  • マック・ノクターン
  • Windows ネガティブスクリーン
  • Windows 電源ストリップ (反転ガンマ ランプ)

この機能はうまく機能していると思います。唯一の (かなり大きな) 欠点は、色が失われ、すべての画像が白黒になることです。これを除けば、タスクはうまく実行されます。

答え3

遅くないことを祈りますが、必要な画像のみを反転する拡張機能を作成しました。Chrome 拡張機能をダウンロードしたい方のために、git リポジトリのリンクを投稿します。

https://github.com/simplekind/Invert-Image-Chrome-Extension

この拡張機能をダウンロードする手順は、リポジトリ自体の README に記載されています。役に立つと幸いです :)

関連情報