色相シフトとは？

色相とは、色相環上での色の位置を指します。赤、オレンジ、黄色、緑、シアン、青、マゼンタと続き、再び赤に戻ります。色相シフトでは、すべての色を同じ角度だけ色相環上で回転させます。120°回転させると、赤は緑に、緑は青に、青は赤になります。180°回転させると、すべての色が反対色になります。グレー、黒、白には色相がないため、そのまま変わりません。

ツールの説明

画像を開き、色相シフトのスライダーをドラッグするか、角度を度数で入力します。正の角度では色相環の一方向に、負の角度では反対方向に色が回転します。ドラッグするとプレビューが更新され、比較ボタンを押すと元の画像と編集後の画像を並べて表示できます。フルサイズの結果をPNG、JPG、またはWebPとしてダウンロードできます。

特長

  • グレーを保ったまま、すべての色を同じ角度だけ回転
  • 各色の明度と彩度を維持
  • 処理はブラウザー内で行われ、変更前と変更後を比較できるライブプレビュー

仕組み

このツールは各ピクセルを色相、彩度、明度（HSL）として読み取り、色相に角度を加えてから、結果を赤、緑、青に変換します。各ピクセルの最も明るいチャンネル値と最も暗いチャンネル値は維持されます。変化するのは、その中間のチャンネルと3つのチャンネルの順序だけです。HSLの明度は目で見た明るさとは少し異なるため、濃い青を黄色に変えると明るく見え、黄色を青に変えると暗く見えます。

ヒント

  • アイコン、ロゴ、フラットなイラストの色を変更できます。単色のグラフィックを、陰影を保ったまま別の色にできます。
  • 小さな角度の変化で、植物の緑の印象が変わります。少し負の値にすると黄色みが増し、少し正の値にすると青みが増します。
  • 透明な部分は透明なまま保たれます。透明度を維持するには、PNGまたはWebPとしてダウンロードしてください。