配色 - 環境論@wiki - atwiki（アットウィキ）

▷Step8.配色

Last modified:2026-04-25

配色の基本
- 基本色の理解
- メインカラー
サブカラーの技法
アクセントの技法
- 明度
- 彩度
- 色相
- 光
- 質感
光の色と設定
(発展) マイナー色

※編集メモ

配色の基本

基本色の理解

色は数が多いため難しく考えがちですが、
一定の範囲で区切って分類すると理解がしやすくなります。

この大まかな印象で分類した色を「基本色」と呼びます。

(参考資料)
色相環を単純化して基本色に分けた例。

基本色の分け方は人によりますが、
ペン回しでは以下の15色で考えるのがおすすめです。

(基本色一覧)
ペン回しの配色ではこの基本色を元に、
2～3色の組み合わせを覚えるのが基本方針となる。

メインカラー

ある環境を見たとき、もっとも記憶に残る色を
ここでは「メインカラー」と呼びます。

普通はStep.3の「背景色」がメインカラーになりますが、
薄い色の机では、ペンの色などがメインになることもあります。

(Choochun)
分かりやすい赤メインの環境。
何をメインカラーと感じるかは人によるが、色の濃さや色面積でメインを判断し
大まかに系統分類すると配色の分析がしやすくなる。

またメインカラーは特殊な技法を除き、
基本は2色以下にまとめるとコンセプトが伝わりやすくなります。

(cir) (Shout) (Lemonia) (Guest)
ありがちなオレンジ×青系のダブルメイン環境。

基本的に、良い環境とは記憶に残る環境でもあります。
そのため分かりやすいコンセプトで印象を強めるのは、
魅力に必要な要素の1つです。

※補足解説

サブカラーの技法

メインカラーの魅力を引き立てたり、
画面の色数を増やして華やかにする色を「サブカラー」と呼びます。

ここではペン回しで使いやすいサブカラーの技法を見てみましょう。

相殺調和

赤〜オレンジのような強い印象の色を、
水〜緑のような優しい色で相殺することを「相殺調和」と呼びます。

(Sangkm)
キツめのオレンジ机を、水パームレストと緑床で相殺した例。

相殺調和は、基本的に以下のようなパターンで用いられます。

▶相殺調和の頻出パターン

赤×水	赤のキツさを水の軽さで相殺する配色。ありがちなテンプレの1つ。
赤×緑	赤のキツさを優しい緑で相殺する配色。緑は光の色(ホワイトバランス)の色替えで作る例が多い。
橙×水青系	オレンジのキツさを寒色で相殺する配色。
橙×緑	優しい印象になるオレンジ×緑のテンプレ配色。

(Choochun) (scan)
ありがちな赤×水相殺の例。
モニタとペンの水色で、赤のキツさを相殺している。

※その他の例

相乗調和

画面内のある色に対し、似た色を追加して色数を増やすことを
ここでは「相乗調和」と呼びます。

(Sangkm)
机のオレンジに対し、画面左上の彩度の高いオレンジ(HADURIとオブジェ)や、
黄クッション、赤グリップで色数を増やした例。

相乗調和では、同系色で画面の統一感を保ちつつ、
色数を増やして華やかな画面を作成できるのがメリットです。

これはStep.6で紹介した「色の共鳴」と近い効果もあるかも知れません。

(Apollo)
こちらは緑を軸に相乗で色数を増やした例。
目立った緑マットに対し、服の袖の緑、マウスパッドの黄緑などを合わせている。

※その他の例

色数稼ぎ

撮影環境において、
画面の色数を増やし華やかにする技法を「色数稼ぎ」と呼びます。

(Apollo)
緑×橙メインの環境において黄色と水で色数を増やした例。
水色は合計5箇所、黄色は「床・マウスパッド・服」の3箇所となる。

中でも水色や黄色は、
メインカラーの印象を邪魔せずに色数を稼ぎやすい便利な色です。

またどんな色とも合わせやすいため、
ここでの色数稼ぎは主にこの2色によるものを指します。

※その他の例

色替え

主にホワイトバランス設定によって、
モチーフの色を変える手法をここでは「色替え」と呼びます。

(歸還)
灰色キーボードを緑や水に色替えした例。
緑は優しくオシャレな印象、水では冷たく爽やかな印象に仕上がる。

色の中でも特に灰色はもっとも光の影響を受けやすく、
着色しやすい便利な色です。

色替えは光の雰囲気をアピールしつつ、
画面の色数を増やせるため、適切に使うと強い効果を発揮します。

(Sangkm)
床を緑に色替えし、机のオレンジと相殺調和させた例。
画面の色数をさり気なく増やせるため、華やかでセンスの良い環境になりやすい。

※その他の例

※補足解説

アクセントの技法

メインやサブカラーと異なる印象の色を加えて、
画面のメリハリを作る技法を「アクセント」と呼びます。

アクセントは環境によって存在しないこともありますが、
有効に使うと目を引く華やかな印象を作れます。

明度

全体的に暗めの撮影環境に、
ワンポイントで明るい白を加えるとアクセントとして機能します。

これを「明度アクセント」と呼びます。

(scan)
白コムサによるアクセントの例。
哀愁系のような暗めの環境で用いられることが多い。

この技法はStep.6で扱った「コントラスト」や、
「コントラスト散らし」と合わせると理解がより深まります。

(Leo)
モニタの発光が白として機能している。
色数を抑えながら、メリハリを作成出来るのがメリットとなる。

※その他の例

彩度

全体的に彩度が低めの環境に、
彩度の高い色をワンポイントで加えるとアクセントとして機能します。

これを「彩度アクセント」と呼びます。

(Apollo)
HGGのピンクと、HADURIのオレンジをアクセントとして用いた例。

このアクセントは基本的に、
誘目性の高いピンク/赤/オレンジなどが用いられることが多いです。

(Nanna)
こちらもApolloと同様にピンクとHADURIをアクセントとして用いた例。

※その他の例

※ペンの配色について

色相

(fuyt)
全体が暖色寄りの環境に対して、緑のパステルHGGによるアクセントの例。

環境のメインカラーや隣接する色から、
色相的に離れた色を配置すると、アクセントとして機能します。

この技法を「色相アクセント」と呼びます。

(Fingerpass) (剣心)
緑橙環境におけるピンクアクセントの例。
緑とピンクをある程度隣接させるとより強い効果になる。

※その他の例

光

画面に光や反射を配置すると、アクセントとして機能します。
この技法を「光アクセント」と呼びます。

(Petbottle)
青い光によるアクセントの例。
光は周囲の物体にも影響を与えるため、他には無い独特な印象が出る。

基本的に光のほうが色の表現幅は広く、
光アクセントは物体では出せない鮮やかさを出せるのが強みです。

特に青色は色料と光で彩度差が大きく、
光のほうが鮮やかでアクセントとして機能させやすいです。

(CheuKii) (Choochun)
ありがちなモニタに青いムビメカ等を映す例。

※その他の例

質感

木や布のような自然物的なモチーフに対し、
人工的な硬いモチーフを加えるとアクセントとして機能します。

この技法を「質感アクセント」と呼びます。

(剣心)
柔らかい木のデスクや、布製のマウスパッドに対し、
銀色の硬そうなマウスが全体の印象を引き締めている。

質感アクセントは主に銀モチーフで用いられます。
銀は人工物らしさが強く、アクセントとして機能しやすいです。

また銀モチーフは自然物に近いアースカラー(緑や茶色)と隣接させると、
より強い効果を発揮します。

(Darkant)
背景の銀マイクが質感アクセントとして機能した例。
アースカラーの緑サンメタを使用しているのもポイント。

※その他の例

光の色と設定

色には「物体の色」と「光の色」という2つの要素が存在します。
光の色は見落としがちですが、
物体色は光によって大きく変化するため重要な要素です。

配色は、ﾎﾜｲﾄﾊﾞﾗﾝｽのような色設定も考慮するとより高度な表現が可能になります。

ここでは様々な色設定の技法を見てみましょう。

※補足解説

橙画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★★☆☆☆(2)
	扱いやすさ	★★☆☆☆(2)

解説
オレンジっぽくする画質。ペン回しでは肌が暖色、天板も暖色のことが多いため、光も暖色になると全体が暖色でメリハリがなくまとまりにくくなる。特に理由がなければ避けるのが無難かも。

※その他の使用例

黄画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★☆☆☆☆(1)
	扱いやすさ	★★★☆☆(3)

解説
古い写真のような、少し昔っぽい雰囲気が演出できる黄色画質。使用例は少ない。

※その他の使用例

黄緑画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★★★☆☆(3)
	扱いやすさ	★★★★☆(4)

解説
少し古風ながらも、緑画質のエモさもある黄緑画質。白背景や茶色机での使用例が多い。無個性な茶色デスクの場合、ﾎﾜｲﾄﾊﾞﾗﾝｽ設定で黄茶背景に色替えするとニュアンスが出ていい感じになることがある。

※その他の使用例

緑画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★★★★★(5)
	扱いやすさ	★★★★★(5)

解説
とにかくよく見る緑画質。赤系の背景色との相性が非常によく、強めの照明だとエモい感じにまとまる。

※その他の使用例

水画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★★★☆☆(3)
	扱いやすさ	★★★☆☆(3)

解説
爽やかor冷たい印象のある水画質。白や灰モチーフを水色に色替えし、オレンジや茶色との2色合わせを狙うと配色がまとまりやすい。

※その他の使用例

青画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★★★☆☆(3)
	扱いやすさ	★★☆☆☆(2)

解説
テンパが擦りまくってる青画質。本人曰くあえて狙ってるとのことらしい。ロアス基板(HV7131R)よりも、少し古めのCMOSチップで狙いやすいと思われる。魅力的にはクセが強く少し扱いづらい部分もある。

※その他の使用例

紫画質

	ギャラリー
	基本情報
	系統	ﾎﾜｲﾄﾊﾞﾗﾝｽ系
	使用率	★★☆☆☆(2)
	扱いやすさ	★★★☆☆(3)

解説
Leoが使いまくることで有名な紫画質。 hikikomoriも一時期多用していた。定石通り、太陽光や強めの光がなければ雰囲気よくまとめづらいと思われる。

※その他の使用例

白画質

	ギャラリー
	基本情報
	系統	設定系
	使用率	★★★★☆(4)
	扱いやすさ	★★★★☆(4)

解説
ガンマや明るさの設定で少し白っぽくする画質。 ZECAで作りやすい。

※その他の使用例

色相ずらし

	ギャラリー
	基本情報
	系統	設定系
	使用率	★☆☆☆☆(1)
	扱いやすさ	★★★☆☆(3)

解説
主に色相をズラして独特の色設定を作るテクニック。 (ロアス系の設定画面では「色調」の項目露骨に狙うのは少し難しいが、多少ずらすといい感じに味が出ることがある。

※その他の使用例

高コントラスト

	ギャラリー
	基本情報
	系統	設定系
	使用率	★★★★☆(4)
	扱いやすさ	★★★☆☆(3)

解説
強めのコントラストで、独特のエモさや高彩度のエグさを狙うやつ。赤、青、黄など強めの色とも調和しやすいが、一歩間違うとグロい環境になるので色合わせが難しくはある。

※その他の使用例

白飛び

	ギャラリー
	基本情報
	系統	設定系
	使用率	★★★★★(5)
	扱いやすさ	★★★★★(5)

解説
主に強めの光で肌を白飛びさせる画質。ﾎﾜｲﾄﾊﾞﾗﾝｽの色替えを併用しない場合、めちゃくちゃエモくなるわけではないが、配色の相性も無く、昼も夜もお手軽に狙いやすいのがメリット。 30万画素カメラでは全般的に狙いやすい。

※その他の使用例

黒つぶれ

	ギャラリー
	基本情報
	系統	フィルター系
	使用率	★☆☆☆☆(1)
	扱いやすさ	★★★★☆(4)

解説
黒モチーフが濃く、膨れている画質。暗視カメラでもあるTrek310や、Sonyの古いビデカメで作成可能。また「可視光線カットフィルター」を購入し、カメラに付けることでも画質再現が可能である。