塗る順番で色選びが変わる？明度と彩度の考え方を検証してみた

みなさんは絵を描くときに
どのように色を選んでいますか？

明度、色相、彩度、色温度
見た目の印象や好み
自分なりのルールなど
いろいろな基準で色を選んでいる
と思います

僕は長い間
絵の具でアニメ背景の仕事をしてきました

その影響もあって
普段は絵の具で描くことが多いんですが
最近、デジタルで描く機会が増えました

そこで
フォトショップのカラーピッカーで
色を選んでいるときに
ふと違和感を覚えたことがあります

調べてみると
明るい色を選ぶ場合と
暗い色を選ぶ場合で、自分の色の選び方が
変わっていたことに気づきました

なんとなく色を選んでいると
同じ絵の中で
色選びのルールがちぐはぐになり
明度や彩度の整合性が
取りにくくなることがあります

この記事では、塗る順番によって
色選びがどう変わるのかを
自分なりに検証した結果をまとめます

先に結論をまとめると
色選びをちぐはぐにしないためには

• 明るい色と暗い色を同じルールで選ぶ
• 中間色を基準にして両方の色を選ぶ

という2つの考え方が使えそうです

色選びがなんとなく決まらない方の
参考になればと思います

実験内容

ある基準の色に対して
「明るい色」と「暗い色」を選びます

そして、選んだ色と
その色を選んだ理由を確認しました

具体的には、下の図のように
塗り始めの色と塗る順番を変えても
同じ色を選ぶのかを確認します

※この記事では説明を簡単にするため
PhotoshopのHSBの「B（明るさ）」を
「明度」と表記しています

ただし、この数値は
グレー変換後の明るさや
人が感じる明るさと
必ずしも一致するものではありません

また、今回の実験では
色味の偏りが少ない白色光を想定し
色相は変えずに
明度と彩度だけを操作しました

実験結果

特に大きな違いが表れたのは
暗い部分の彩度でした

描き上がった2つの立方体は
同じように見えますが
実際には違う色を選んでいました

一番大きな違いは
暗い部分の彩度差です

明るい色を選ぶときは
明度が高く、彩度が少し低くなるような色
を選んでいました

「光は明るくて白っぽい」
と考えていたからです

一方で、暗い色を選ぶときは
明度が低く、彩度も低い色
を選んでいました

「影は暗く、彩度が低い」
と考えていたからです

今まで深く考えていませんでしたが

この2つは
どちらも自分の中では
自然な考え方として使っていました

ただし、同じ基準色から
明るい色と暗い色を選ぶルールとして使うと
彩度を動かす方向が一致しません

そのため、一枚の絵の中で
明度と彩度の関係が
ちぐはぐになる場合があります

色選びをちぐはぐにしないための2つの考え方

今回のように色相を変えず
明るさと彩度だけで色を選ぶ場合
対処法として考えられるのは
次の2つです

明るい色と暗い色を、同じルールで選ぶ方法

下図では、基準色から
明るい色を選ぶときに
明度を上げ、彩度を下げています

この関係を暗い側にも当てはめると
暗い色ほど彩度が高くなります

反対に
明るい色ほど彩度を高くする場合は
暗い色ほど彩度が低くなります

つまり
明るい色の彩度を下げるなら
暗い色の彩度は上がる
明るい色の彩度を上げるなら
暗い色の彩度は下がる
という関係になります

大切なのは
明度を変えるときに
彩度をどちらへ動かすのかを決め
明るい側と暗い側で
同じ関係を使うことです

メリットとデメリット

メリットは
どの色を基準にしても
明度と彩度のつじつまを合わせやすいこと
です

「一番明るい色」や「中間色」から考えても
「一番暗い色」から考えても
色の変化に一貫性を持たせやすくなります

デメリットは
明度の変化に対して
彩度を一方向に動かすため
明るい側か暗い側のどちらかに
彩度が偏りやすいことです

色の変化が単調に感じられる場合は
中間部分の彩度を調整するなど
別の工夫が必要になるかもしれません

そのため
絵として単調に感じてしまう場合が
あるかもしれません

「中間色を基準」にして色を選ぶ方法

もう1つは
常に「中間色を基準」にして考える方法です

まず「中間色」を決めて
そこから「明るい色」と「暗い色」を
選びます

この場合
「明るい色」も「暗い色」も
「中間色」より
彩度を低くすることができます

メリットとデメリット

メリットは
中間色を彩度の基準にして
明るい側と暗い側の両方を
低彩度に整理できることです

どの色を基準にしているのかが明確なので
色の関係を確認しやすくなります

また
明るいほど彩度を上げる方法と比べて
一番明るい色の彩度が
上がりすぎるのを防ぎやすくなります

デメリットは
常に基準となる中間色を決めてから
色を選ぶ必要があることです

感覚だけで色を選ぶよりも
少し手間はかかります

補足

フォトショップのカラーピッカーでは
明るさの数値を同じにしても
彩度によって
グレー変換後の明るさが異なる場合があります

そのため、カラーピッカー上の数値と
実際に感じる明るさは
必ずしも一致しません

今回の記事では
数値を正確な明度として扱うのではなく
自分の色選びの傾向を確認するための
目安として使用しています

まとめ

今回、自分の色の選び方を調べてみると
塗る順番によって
明度と彩度の関係が変わっていました

• 「光は明るくて白っぽい」
• 「影は暗く、彩度が低い」

という考え方を
それぞれ別の場面で使っていたため
一枚の絵の中で
色選びのルールが揃わないことがあったようです

色選びをちぐはぐにしないためには

という2つの考え方が使えそうです

色がなんとなく決まらないときは
選んだ色だけでなく
「なぜ、その色を選んだのか」
まで確認してみると
自分の色選びのクセや
改善できる部分が見つかるかもしれません

---

【あわせて読みたい記事】

色相・彩度・明度を分けて考えながら
水彩の混色を整理したい方は
「水彩の混色は3つで考える｜
色相・彩度・分裂3原色の基本」
も参考にしてみてください

色や光について
本で学びたい方は
「初心者〜中級者向けの絵の勉強本を
難易度と読む順番つきでまとめた記事」
もどうぞ

今回の色選びを含めて
絵を描くときに必要な知識の
全体像を確認したい方は
「絵を描くとき何を考える？
必要な知識の分類と関係性を整理」
で紹介しています