色相とは
読み：しきそう英語：Hue
更新日：2026年10月31日
ひとことで
色相とは、赤・黄・緑・青・紫といった「色み」の違いのことです。
ひとに説明するなら
「色には3つの物差しがあるんだ。色相は『どんな色みか』。赤っぽいのか、青っぽいのか。あとの2つは、鮮やかさ（彩度）と明るさ（明度）。この3つで、色をほぼ言い表せる」
たとえるなら
音でいえば、ドレミの「音の高さ」に近いものです。同じ「ド」でも、大きな音と小さな音があるように、同じ色相でも鮮やかさや明るさは変えられます。
色の三属性のひとつ
色は、色相（色み）、彩度（鮮やかさ）、明度（明るさ）の3つで表せます。これを色の三属性といいます。色相は、そのうちの「何色か」にあたる部分です。
白・灰・黒には色みがないので、色相を持ちません。色相を持つ色を有彩色、持たない色を無彩色と呼びます。
色相は輪で表す
赤から黄、緑、青、紫と少しずつ色みを変えていくと、紫の先がまた赤につながります。そのため色相は、輪（色相環）や角度で表されます。
たとえば CSS の HSL では、0度が赤、120度が緑、240度が青です。ただし、何度がどの色かは表し方によって違います。OKLCH など別の表し方では、同じ赤でも角度の数字が変わります。
色相 0° ／ #FF0000
色相が同じでも、別の色になる
色相が同じでも、彩度や明度が違えば、まったく違う名前で呼ばれる色になります。赤を明るく薄くすればピンクに、オレンジを暗くすれば茶色になります。
「色相をそろえる」と、色の名前はばらばらでも、全体にまとまりが出ます。反対に、色相を大きく離すと、変化や動きが生まれます。
hsl(210 70% 50%) → #2680D9
よくある勘違い
勘違い色相が同じなら、同じ色に見える
ほんとうは彩度や明度が違えば、赤とピンク、オレンジと茶色のように別の色に見えます。
勘違い色相の角度は、どの表し方でも同じ
ほんとうはHSL と OKLCH などでは、同じ色でも角度が違います。数字を比べるときは、同じ表し方どうしで比べます。
COLOR JOURNEY で使うには
COLOR JOURNEY のパレットは、6色の色相の広がり方で印象が変わります。色相が近い6色でまとまったパレットは静かに、色相が離れた色を含むパレットは、どこかに見せ場ができます。
パレットについている「analogous（類似色）」「complementary（補色を含む）」の印は、6色の色相の位置関係から自動でつけています。
参考になるパレット
クイズ
色の三属性に入らないのはどれ？
色相
ちがいます。答えは「透明度」。三属性は、色相・彩度・明度の3つです。
透明度
正解です。答えは「透明度」。三属性は、色相・彩度・明度の3つです。
明度
ちがいます。答えは「透明度」。三属性は、色相・彩度・明度の3つです。
赤を明るく薄くしたピンクの色相は？
赤とほぼ同じ
正解です。答えは「赤とほぼ同じ」。変わったのは明るさと鮮やかさで、色み（色相）は赤のままです。
青に近づく
ちがいます。答えは「赤とほぼ同じ」。変わったのは明るさと鮮やかさで、色み（色相）は赤のままです。
色相がなくなる
ちがいます。答えは「赤とほぼ同じ」。変わったのは明るさと鮮やかさで、色み（色相）は赤のままです。
よくある質問
色相とは何ですか？
赤・黄・緑・青・紫といった、色みの違いのことです。色の三属性（色相・彩度・明度）のひとつです。
白や黒に色相はありますか？
ありません。白・灰・黒のように色みのない色を無彩色といい、色相を持ちません。
色相を角度で表すのはなぜですか？
色みを少しずつ変えていくと、紫の先が赤に戻り、輪になるためです。
配色で色相をそろえるとどうなりますか？
色の名前がばらばらでも、全体にまとまりが出ます。