彩度とは?鮮やかな色・くすんだ色の違いを解説

彩度とは?鮮やかな色・くすんだ色の違いを解説に関係する色を使ったアイキャッチ

彩度とは?鮮やかな色・くすんだ色の違いを解説

彩度とは何かを解説。鮮やかな色・くすんだ色の違い、明度との関係、配色で彩度を調整する方法を整理します。

色の基礎知識

彩度とは、色の鮮やかさ・鈍さを表す考え方です。鮮やかな赤や青は彩度が高く、灰みが増えてくすんで見えるほど彩度は低くなります。

まず結論

彩度が高いほど色みが強く、低いほど無彩色に近づきます。ただしHSLのSaturation、HSVのSaturation、CIELAB系のchromaなどは定義が異なり、同じ『彩度』という日本語でも数値を直接比較できるとは限りません。

この記事の色

記事テーマを視覚的に理解するための色見本です。概念に固定の公式色がない場合は教材表示として扱います。

← 左右にスライドできます →
無彩色寄り#818181
低彩度#75818C
やや低彩度#5C829D
中彩度#3B8DB9
高彩度#1A8BD2
高彩度・鮮やか#008BE8

彩度とは何か

状態 彩度 印象
鮮やか 高い 強い、活発、目立つ
中程度 自然、安定
灰みが強い 低い 穏やか、落ち着く、くすむ

彩度を下げると無彩色に近づく

赤や青などの有彩色でも、彩度を下げると色みが弱まり、グレーに近い見え方になります。完全に色相がなくなれば無彩色です。

彩度と明度は別物

明るい色だから鮮やかとは限りません。パステルカラーは高明度でも彩度が抑えられていることが多く、暗いビビッド色は低明度でも強い色みを感じる場合があります。

HSLのSaturationを専門用語の彩度と同一視しない

HSLのSaturationはWebや画像編集で便利な操作値ですが、知覚的な鮮やかさを均等に表すものではありません。CIELABなどではchromaやsaturationに別の定義があります。

『彩度100%=最も鮮やかな色』とは限らない

色空間や明度によって見え方が異なるため、数値だけでは人が感じる鮮やかさを完全には説明できません。

配色で彩度を使うコツ

  • 高彩度色を広い面積で使いすぎると刺激が強くなる
  • 低彩度色を土台にすると落ち着いた配色を作りやすい
  • アクセントだけ彩度を上げると視線誘導しやすい
  • 同じ彩度でも背景や周辺色で印象は変わる

色しるべで彩度の違いを見る

同じ色相でも彩度でここまで変わる

彩度は、色の鮮やかさ・鈍さを見るための考え方です。下は青系を使った教材表示です。

低彩度

やや低い

中彩度

やや高い

高彩度

HSLのSaturationと知覚的な彩度は別物

デジタルのS値は操作には便利ですが、人が感じる鮮やかさを均等に表す尺度ではありません。色空間ごとに定義も異なります。

彩度だけを変えるとどう見える?

彩度は、色の鮮やかさの方向を理解するための重要な軸です。下は青系で、鮮やかさを段階的に落とした教材表示です。

高彩度

やや高い

中程度

低彩度

無彩色方向

数値上の彩度と知覚は一致しません

HSLなどのSaturationは便利な操作値ですが、人が感じる鮮やかさを均等に表す尺度ではありません。色空間が変われば定義も変わります。

よくある質問

グレーは彩度0ですか?

一般的な色モデルでは、無彩色は彩度0として扱われることが多いです。ただし色空間ごとの定義には違いがあります。

くすみカラーは低彩度ですか?

多くの場合そう捉えられますが、日常語なので厳密な数値境界はありません。