画像色反転

色反転とは

色反転（ネガポジ効果とも）は、画像内の各ピクセルをカラーホイール上の正反対の色に置き換える処理です。赤、緑、青の各チャンネルは元の値を 255 から引いた値に置き換えられ、黒は白、白は黒、赤はシアン、緑はマゼンタ、青はイエローになります。結果は古いフィルム写真のネガのように、明るい部分が暗く、暗い部分が明るく見えます。この操作は数学的に正確で完全に可逆であり、2 回適用すると元の画像に戻ります。

色反転は芸術的にも実用的にも用途があります。視覚的には、ポスターアート、アルバムジャケット、グリッチデザイン、実験写真で人気のある、印象的で非現実的な見た目を生み出します。実用的には、伝統的なフィルム写真でネガを表示する、文書スキャンで暗い背景上の明るいテキストを読みやすくする、科学画像で明部に隠れた細部を明らかにするなどに使われます。本ツールはブラウザ内の Canvas フィルタ API を使って反転を完全に行うため、画像がサーバーにアップロードされることはありません。

色反転フィルタの仕組み

本ツールはブラウザ内蔵の ctx.filter = "invert(1)" プロパティを適用し、画像をキャンバスに描画する際にすべてのカラーチャンネルを1パスで反転させます。値 1（100%）で完全な反転になり、中間の値ではネガに向かう部分的なフェードを生みます。この操作はブラウザのレンダリングエンジンがネイティブに実装し、グラフィックハードウェアで加速されるため、大きな画像でも実質的に瞬時に完了します。

反転後、キャンバスは選択した出力形式に再エンコードされます。反転で生成された色を正確に保持できる無劣化の PNG が推奨既定値です。JPG と WebP はわずかな追加圧縮を適用するため、高コントラストのエッジに目立たないアーティファクトが生じることがあります。どの形式を選んでも、デバイス上の元のファイルは変更されず、ツールは常にコピーに対して処理を行います。

反転色とその反対色

反転は各色を補色に置き換えるため、いくつかの一般的な対応を知っておくと結果を予測しやすくなります。下表は典型的な色が反転されたときにどうなるかを示します：

元の色	反転後の色
黒	白
白	黒
赤	シアン
緑	マゼンタ
青	イエロー
イエロー	青
中間グレー (50%)	中間グレー (50%、変化なし)

純粋な中間グレーは自身の反転色であるため、グレーが多い画像は反転してもほとんど同じに見え、彩色された領域だけが劇的に反転します。

画像色反転を使う場面

色反転は創造的にも実用的にも驚くほど多様な場面で役立ちます。よくある場面は以下の通りです：

• 芸術効果。ポスター、アルバムアート、SNS投稿、実験写真にシュールなネガフィルムの見た目を作ります。
• 明るい文字／暗い背景の読解。暗い背景に明るい文字が乗ったスキャン文書やスクリーンショットを反転して、通常の暗い文字／明るい背景として読みやすくします。
• フィルム写真。スキャンしたフィルムネガに隠れたポジ画像を表示します。
• 隠れた細部の発見。明るく白飛びした領域は、暗いトーンに反転されることで微妙な細部を明らかにすることがあります。
• デザインとプロトタイピング。既存の画像、ロゴ、UI要素のダークモード版を素早くモックアップします。
• アクセシビリティ。視覚的に敏感な一部のユーザーは、反転した配色の方が長時間読みやすいと感じます。

画像の視覚的反対が必要な場面——芸術、分析、アクセシビリティのいずれでも——ワンクリックの反転が最速の手段です。

画像の色を反転する方法

本ツールでの反転は1秒で完了し、すべてブラウザ内で行われます——アップロード不要、登録不要、透かしなし。ツールは画像をローカルでデコードし、Canvas API で反転フィルタを適用し、必要な形式で出力できます。以下の手順で進めてください：

1. 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ＆ドロップします。画像は即座にデコードされプレビュー表示されます。
2. 出力形式を選択。PNG で無劣化、JPG でより小さな写真、WebP でサイズと品質のバランスを選べます。
3. 「色反転」をクリック。ツールが各ピクセルを反対色に置き換え、元と反転後のサイズを並べて表示します。
4. 反転画像をダウンロード。「反転画像をダウンロード」をクリックして結果を保存します。元のファイルは変更されません。

すべてのステップは JavaScript でブラウザ内で実行されるため、画像がサーバーにアップロードされることはありません。これにより、反転ツールは完全にプライベートで高速、機密画像の処理にも適しています。