メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
カラー
/
Gのみ
◉
Gのみ
color/color-only-green
6桁HEXの中央2桁だけを保持し、赤と青を00にした#00GG00形式へ変換します。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
Gのみでは、6桁HEXの中央2桁だけを保持し、赤と青を00にした#00GG00形式へ変換します。
関連する観点として Gのみ、only green、color only green を確認し、結果をコピーして別の作業に使えます。
カラーを入力
結果
#000000
コピー
使い方
Color input に #7bd24a のような6桁HEXカラーを入れます。
中央2桁が緑チャンネルとして保持され、前後の2桁は00になります。
Result の #00GG00 を見て、緑だけを残した明るさを確認します。
Copy ボタンで結果をCSSやメモへ転記します。
入力例・出力例
INPUT
#7bd24a
OUTPUT
#00d200
GG=d2 を残し、R=7b と B=4a は 00 にします。
よくある利用シーン
植生色やクロマキー素材の緑成分だけを切り出して見たいとき。
相対輝度へ大きく効くG値を、色として直感的に確認したいとき。
赤や青の混ざりをいったん外し、緑チャンネル由来の印象を比べたいとき。
結果確認のポイント
色空間、透明度、コントラスト、コピーしたコード形式が用途に合うか確認してください。
Gのみ、only green、color only greenの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
画面やOSの色管理により見え方が変わるため、最終判断は実機でも確認してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
Gのみの主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
「Gのみ」では R と B はどの値になりますか?
赤(R)と青(B)チャンネルを 0 に設定し、緑(G)チャンネルの値だけをそのまま保持します。たとえば #ff8040 を入力すると #008000 になります。純粋な緑成分だけを確認・分析したい場合に使います。
「Gのみ」の結果が暗い緑にならない場合がありますか?
G チャンネルの値が元から低い色(赤系・青系など)を入力すると、出力の緑も暗く、ほぼ黒に近くなります。G チャンネルの具体的な数値を確認したい場合は「緑チャンネル取得」ツールをご利用ください。
WCAG 相対輝度の計算で緑チャンネルが重要な理由は何ですか?
WCAG の相対輝度式 L = 0.2126R + 0.7152G + 0.0722B において、緑チャンネルの係数 0.7152 が最大です。これは人間の視覚が緑波長に最も敏感なことに基づいています。「Gのみ」で緑成分を分離すると輝度への寄与の大きさを直感的に確認できます。
関連ツール
カラーシェード生成
指定色の明暗バリエーション(10段階)を自動生成。
アクセシブルカラー生成
前景色・背景色をHEXで指定するとWCAG 2.1のコントラスト比を自動計算。通常テキスト(AA 4.5:1/AAA 7:1)と大きい文字(AA 3:1/AAA 4.5:1)それぞれの合否をバッジで表示し、プレビュー文で実際の見え方も確認できます。
ANSIカラー一覧
ANSIエスケープシーケンスの文字色コード(標準8色 SGR 30〜37、高輝度8色 90〜97)と背景色コード(40〜47、100〜107)を色名・番号・エスケープシーケンスの対応表で確認できるツール。ターミナル配色の把握やシェルスクリプトの色指定に。
ブランドカラー一覧
主要ブランド名と代表的なHEXカラー値を2列の固定表で確認できる。
CMYK→HEX変換
CMYKカラー値をHEXに変換する。
コントラスト比早見表
WCAGでよく使う1:1、3:1、4.5:1、7:1、21:1の意味を固定表で確認できる。
WCAG AA 白背景
入力HEX色を白背景と比較し、通常テキストと大テキストのWCAG AA到達可否を表示する。
HEX #追加
改行区切りの各行について、#が無いHEX表記の先頭に#を付ける単純変換。