ホーム / カラーツール / 色相シフト
無料オンラインツール

色相シフト

単色のHSL色相を-180度から+180度回転させて別の色に変換します。HEX/RGB/HSV/HSL対応。例:#FF0000を+60度で#FFFF00に. 処理はブラウザ内でロ…

使ってみる

色相シフトの機能と具体例

このツールは、画像ではなく単一の不透明な色のHSL色相を回転させます。RGBを整数のHSLに変換し、指定した角度を加えて360度のカラーホイール上でラップし、彩度と明度を変えずにRGBへ戻します。

動作例

例えば、#FF0000(赤)を+60度シフトすると#FFFF00(黄)になります。逆に-60度シフトすると#FF00FF(マゼンタ)になります。無彩色(グレー)は彩度がゼロのため、色相を回転しても色は付きません。

設定可能な項目

  • 元の色:HEX、RGB、HSV、HSLの各形式で入力可能。
  • 色相シフト量:-180度から+180度の範囲で指定。

制限と注意点

HSLへの変換時の丸めにより、厳密なRGBの往復が一致しない場合があります。また、この処理は知覚的な明るさを保証するものではありません。テキストに使用する場合は、コントラストを別途確認してください。

FAQ

Q1: 色相シフトは画像にも適用できますか?

いいえ、このツールは単一の色のみを対象としています。画像のアップロードや写真編集機能はありません。

Q2: 角度の範囲はどのくらいですか?

スライダーは-180度から+180度まで動かせます。数値入力でも同じ範囲で指定できます。

Q3: 結果の色を直接編集したらどうなりますか?

結果パネルの色を編集すると、計算結果が上書きされ、その後の計算に影響します。「クリア」で初期状態に戻せます。

処理はブラウザ内でローカルに行われます。