画像色相

色相回転とは？

色相回転は、すべてのピクセルの色相を色相環に沿ってシフトし、明度と彩度を保持する色調整です。180度シフトで赤はシアンに、緑はマゼンタに、青は黄色にマッピングされます——ネガ反転ではなく配色を効果的に反転させます。色相回転は写真の再着色、調和のとれたデザインアセットの作成、代替パレットの探索に強力なクリエイティブツールです。

このツールは完全にブラウザ内で動作します。画像をアップロードすると、Canvas API でデコードされます。色相スライダーをドラッグすると、ツールは生のピクセルバッファを読み取り、各ピクセルを RGB から HSL（色相、彩度、明度）に変換し、色相チャンネルにシフトを加えて RGB に戻します。プレビューは即座に更新され、結果は PNG としてダウンロードできます。データはサーバーにアップロードされません。

色相シフトの仕組み

HSL カラーモデルは色相（純色）を彩度（強度）と明度（明るさ）から分離します。この分離により、トーン構造に影響を与えずに画像の色を変更できます。RGB から HSL への変換は標準的な max-min アルゴリズムを使用し、逆変換は色相から RGB への補間を使用します。純白、純黒、50%グレーは彩度ゼロのため色相が未定義で、シフトの影響を受けません。

色相調整を使う場面

色相調整はデザイン、写真、クリエイティブプロジェクトで役立ちます。一般的なユースケース：

色相と他の色調整

色相調整はデザイン、写真、クリエイティブプロジェクトで役立ちます。一般的なユースケース：

• 配色探索。1枚の画像で異なるパレットを素早く試し、最も調和の取れた見た目を見つける。
• 季節の再着色。夏の風景を秋に変え、緑をオレンジや赤にシフト。
• ブランドマッチング。画像の支配色をブランドガイドラインに合わせる。
• 特殊効果。極端な色相シフトでエイリアンの風景、シュールなシーン、SFグレーディングを作成。
• A/Bテストビジュアル。同じ画像の色バリアントを生成し、最も効果的なものをテスト。

画像の構造を保持したまま色を変えたい時、色相回転が最も直接的なアプローチです。

色相の調整方法

このツールで色相を調整するのは数秒で、すべてブラウザ内で完結します——アップロード不要、登録不要、透かしなし。以下の手順に従ってください：

1. 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ＆ドロップ。
2. 色相シフトを調整。スライダーを 0〜360 度でドラッグ。180度で補色、120度で三色シフト。プレビューはリアルタイムで更新。
3. 結果をダウンロード。「色相画像をダウンロード」をクリックしてシフト済み PNG を保存。

すべてのステップが JavaScript でローカル実行されるため、画像がサーバーに送信されることはありません。ツールは完全にプライベートで高速です。