明度とは?色の明るさと白・黒の関係を解説

明度は、色がどのくらい明るく見えるかを表す考え方です。同じ青でも、空のような明るい青と紺のような暗い青では明度が異なります。色相が同じでも、明度を変えるだけで軽さ・重さ・可読性が大きく変わります。

明度は色の「明るい・暗い」を見る軸

色彩体系では、色相・明度・彩度のように複数の属性を分けて色を扱います。無彩色では白が明るい側、黒が暗い側にあり、灰色がその間に並びます。有彩色も同様に、明るい色から暗い色まで幅があります。

同じ色相でも明度で印象が変わる

明度 見え方の傾向 使い方の例
高い 軽い・やわらかい・背景になじみやすい 背景、淡色パレット
中程度 色みと読みやすさのバランスを取りやすい 見出し、図表
低い 重い・締まる・輪郭を作りやすい 文字、濃色背景、アクセント

文字と背景は明度差が重要

Webでは色相が違っても明るさが近いと文字が読みにくくなることがあります。たとえば鮮やかな赤と鮮やかな緑は色みは違っても、利用者や表示条件によって境界が分かりにくい場合があります。色だけに頼らず、十分なコントラスト比を確認することが大切です。

明度と彩度を分けて考える

「暗い=くすんでいる」とは限りません。暗くても鮮やかな色はあり、明るくても灰みの強い色があります。明度は明るさ、彩度は鮮やかさとして分けると理解しやすくなります。彩度トーンも合わせて見ると色の違いが整理できます。

関連して読みたい記事

色しるべで実際の色を見比べる

色彩用語は文章だけで覚えるより、実際の色を並べると理解しやすくなります。色図鑑色検索で近い色を開き、色相・明るさ・鮮やかさのどこが違うかを見比べてみてください。同じ名称でも資料や媒体によって代表値に幅があるため、数値だけでなく色名の由来や用途も合わせて確認すると、色の分類を実際のデザインへ応用しやすくなります。

参考にした資料