結論
#00FF00(RGB: 0, 255, 0)を使え。
これが「純粋な緑」であり、クロマキー合成で最もきれいに抜ける色だ。
推奨カラーコード
┌─────────────────────────────────────────────────────────┐
│ │
│ 【グリーンバックの標準色】 │
│ │
│ HEX: #00FF00 │
│ RGB: R=0, G=255, B=0 │
│ HSV: H=120°, S=100%, V=100% │
│ │
│ 名称: Lime / Pure Green / Chroma Key Green │
│ │
└─────────────────────────────────────────────────────────┘
なぜこの色なのか
┌─────────────────────────────────────────────────────────┐
│ │
│ 【条件1】自然界にあまり存在しない色 │
│ │
│ 人間の肌、髪、衣服にこの「純粋な緑」はほぼない。 │
│ だから被写体と背景を明確に区別できる。 │
│ │
│ 【条件2】人間の肌色の補色 │
│ │
│ 肌色(赤〜オレンジ系)の補色 = 緑〜シアン │
│ 補色関係にあると、色の差が最大になり抜けやすい。 │
│ │
│ 【条件3】明るく鮮やかな色 │
│ │
│ #00FF00 は緑の「最大値」。 │
│ 明るく均一なので、ライティングのムラが目立ちにくい。 │
│ │
└─────────────────────────────────────────────────────────┘
図解:なぜ緑か
【色相環と補色関係】
黄
/ \
黄緑 オレンジ
/ \
緑 ←←←補色→→→ 赤 ← 肌色はこの辺り
\ /
シアン マゼンタ
\ /
青
緑(#00FF00)と赤〜オレンジ(肌色)は補色関係。
→ 色の差が最大 → 最もきれいに抜ける
使ってもOKな他の色
緑にこだわる必要はない。以下の「鮮やかで純粋な色」ならクロマキー合成可能:
┌──────────────┬──────────────┬──────────────────────────┐
│ 色 │ カラーコード │ 用途 │
├──────────────┼──────────────┼──────────────────────────┤
│ ★純粋な緑 │ #00FF00 │ 最も一般的(グリーンバック)│
├──────────────┼──────────────┼──────────────────────────┤
│ 純粋な青 │ #0000FF │ ブルーバック(暗いシーン向け)│
├──────────────┼──────────────┼──────────────────────────┤
│ シアン │ #00FFFF │ 緑・青どちらも避けたいとき│
├──────────────┼──────────────┼──────────────────────────┤
│ マゼンタ │ #FF00FF │ 植物や自然を撮影するとき │
├──────────────┼──────────────┼──────────────────────────┤
│ 純粋な赤 │ #FF0000 │ 緑の被写体を撮影するとき │
└──────────────┴──────────────┴──────────────────────────┘
※ 基本は #00FF00。特殊な事情がある場合のみ他の色を検討。
グリーンバック vs ブルーバック
┌──────────────┬─────────────────────┬─────────────────────┐
│ │ グリーンバック │ ブルーバック │
│ │ #00FF00 │ #0000FF │
├──────────────┼─────────────────────┼─────────────────────┤
│ 明るさ │ 明るい │ 暗い │
├──────────────┼─────────────────────┼─────────────────────┤
│ 適した環境 │ 日中、明るいシーン │ 夜、暗いシーン │
├──────────────┼─────────────────────┼─────────────────────┤
│ ノイズ耐性 │ 良い │ ノイズが目立ちにくい│
├──────────────┼─────────────────────┼─────────────────────┤
│ 主な用途 │ YouTube、配信 │ 映画、CM │
├──────────────┼─────────────────────┼─────────────────────┤
│ NGな被写体 │ 緑の服、植物 │ 青い服、ジーンズ │
└──────────────┴─────────────────────┴─────────────────────┘
一般的にはグリーンバック(#00FF00)を選んでおけば間違いない。
よくある間違い
┌─────────────────────────────────────────────────────────┐
│ │
│ ❌ 間違い1: 適当な緑を使う │
│ │
│ 「緑ならなんでもいいでしょ」→ ダメ │
│ │
│ #228B22(森林の緑)や #32CD32(ライムグリーン)は │
│ 純粋な緑ではないため、抜けが悪くなる。 │
│ 必ず #00FF00 を使うこと。 │
│ │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────┐
│ │
│ ❌ 間違い2: CSSの「green」を使う │
│ │
│ CSSの「green」は #008000 であり、 │
│ #00FF00 とは全く違う色! │
│ │
│ #008000 = 暗い緑(明度50%) │
│ #00FF00 = 純粋な緑(明度100%)← こっちが正解 │
│ │
│ CSSで指定するなら「lime」または「#00FF00」を使う。 │
│ │
└─────────────────────────────────────────────────────────┘
┌─────────────────────────────────────────────────────────┐
│ │
│ ❌ 間違い3: ムラのある背景を使う │
│ │
│ 色が正しくても、ライティングにムラがあると │
│ 一部が抜けなかったり、エッジがギザギザになる。 │
│ │
│ → 均一なライティングが超重要 │
│ │
└─────────────────────────────────────────────────────────┘
被写体が緑の場合どうする?
【ガチャピン問題】
ガチャピンは緑色 → グリーンバックで透明になってしまう
解決策:
1. ブルーバック(#0000FF)を使う
2. マゼンタバック(#FF00FF)を使う
被写体に含まれない「鮮やかな色」を選べばOK。
撮影時の注意点
┌─────────────────────────────────────────────────────────┐
│ │
│ 【NGな服装】 │
│ ・緑色の服(透明になる) │
│ ・黄緑色の服(半透明になる) │
│ ・光沢のある白い服(緑が反射して映り込む) │
│ ・ラメ入り、金属アクセサリー(反射でムラができる) │
│ │
│ 【推奨する服装】 │
│ ・濃い色(赤、オレンジ、紺、黒) │
│ ・光沢のないマットな素材 │
│ │
│ 【ライティング】 │
│ ・背景を均一に照らす │
│ ・被写体と背景の間に距離を取る(影を避ける) │
│ ・背景に被写体の影が落ちないようにする │
│ │
└─────────────────────────────────────────────────────────┘
ソフトウェア別の設定例
【Premiere Pro / After Effects】
エフェクト「Keylight」または「Ultra Key」
キーカラーにスポイトで背景を選択
【DaVinci Resolve】
カラーページ → クオリファイアーで緑を選択
または「3Dキーヤー」を使用
【OBS Studio】
フィルタ → クロマキー
類似性・滑らかさを調整
【ComfyUI(画像生成AI)】
背景色を #00FF00 で塗りつぶした画像を用意
または生成時に緑背景を指定
まとめ
| 項目 | 推奨値 |
|---|---|
| カラーコード | #00FF00 |
| RGB | R=0, G=255, B=0 |
| HSV | H=120°, S=100%, V=100% |
| CSS名 | lime(※greenではない!) |
| 代替色 | #0000FF(ブルーバック) |
覚え方
「00FF00、ゼロ・フル・フル・ゼロ・ゼロ」
赤=0、緑=フル(FF)、青=0 → 純粋な緑
1分で理解シリーズ、お役に立てたらフォローお願いします!