画像の色を反転

画像のすべての色を、ワンクリックで反対の色に反転します。ネガを読むとき、スクリーンショットを暗いバージョンにするとき、デザインを確認するときに便利です。処理はすべてブラウザ内でローカルに行われます。

プライバシー第一：すべての画像はブラウザ内でローカルに処理されます。サーバーへのアップロード・保存・送信は一切ありません。

反転が実際に行っていること

各ピクセルは赤・緑・青の量を 0 から 255 の値で保持しています。反転は、そのすべての値を 255 から引いた値に置き換えます。だから黒は白に、白は黒になり、それぞれの色は補色に置き換わります。青はオレンジ、赤はシアン、緑はマゼンタです。完全に元へ戻せる操作でもあり、反転した画像をもう一度反転すれば、ピクセル単位で元どおりになります。

スライダーは完全な反転にあたる 100% まで動きますが、途中の値にも意味があります。50% 付近では画像は平坦な中間グレーへ崩れていき、より繊細な効果の下地としてそれが欲しい場面もあります。

色を反転する理由

いちばん多い理由は、スキャンしたフィルムのネガです。スキャンは本来の写真の反転なので、反転し返すことで実際の光景が現れます。次に多いのがダークモードです。白い背景のスクリーンショット・図・グラフを反転すれば暗いページでも読める見た目になりますし、あとで反転し直しても失うものはありません。デザイナーが手早い確認手段として使うこともあります。反転しても成立するアイコンやロゴなら、明るい背景でも暗い背景でも通用するからです。

ただし、人物写真を反転しても現像所のフィルムネガのようには見えないことは知っておく価値があります。実際のネガフィルムに焼き込まれているオレンジのマスクが、デジタル画像には存在しないからです。本物のネガをスキャンしたものについては、反転後に色温度とコントラストのスライダーを少し動かしたくなることが多いでしょう。

ローカルで、即座に、一括で

反転はブラウザ自身のグラフィックスパイプラインによってお使いのデバイス上で計算されるため、大きな画像でも待たされることがなく、画像がどこかへアップロードされることもありません。1 枚でもフォルダーまるごとでも一度に反転でき、劣化のない結果が欲しければ PNG で、サイズを優先するなら JPG や WebP で書き出せます。