色相

色相 (Hue) は、色の三属性 (色相 / 彩度 / 明度) の 1 つで、「何色か」を定義する属性である。色相環 (カラーホイール) 上の角度として 0-360 度で表現され、0 度が赤、120 度が緑、240 度が青に対応する。色相環上で隣接する色は類似色、対角に位置する色は補色の関係にある。

• 色相環と配色理論: 補色 (180 度対向) は目を引く組み合わせ、類似色は調和のとれた穏やかな配色を生む。トライアド (120 度間隔) やスプリットコンプリメンタリーなどの配色パターンも色相環から導出される
• HSL/HSV での色相操作: CSS の hsl() 関数では第 1 引数が色相角度であり、hsl(0, 100%, 50%) が純粋な赤、hsl(120, 100%, 50%) が純粋な緑となる。filter: hue-rotate() で画像全体の色相を回転させることも可能
• 色相の名前と文化: 色相の名前や分類は言語 / 文化によって異なり、日本語の「青」は英語の blue と green の一部を含む

画像編集における色相シフトは、特定の色だけを選択的に変更する操作である。Photoshop の「色相 / 彩度」調整レイヤーや Lightroom の HSL パネルでは、色相環上の特定範囲を指定して色を回転させることができる。Web 開発ではカスタムプロパティと hsl() を組み合わせ、色相の変数 1 つの変更でブランドカラー全体を更新するテーマシステムを作れる。