0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[1分でわかる]グリーンバックのカラーコードは何を指定すべき?

0
Posted at

結論

#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分で理解シリーズ、お役に立てたらフォローお願いします!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?