RGB色見本・数値一覧｜RGB値とカラーコードの見方
RGB色見本は、赤・緑・青を0〜255の数値で組み合わせたsRGBの基本を理解するのに役立ちます。代表値とHEXの関係を一覧で解説します。
資料・研究ベース表はsRGBの基本値です。実際の表示色はディスプレイと観察環境で変わります。
RGBは、赤（Red）・緑（Green）・青（Blue）の光を組み合わせて色を表す方法です。ディスプレイやWebで使われる代表的な仕組みで、各成分を0〜255で表す8bit RGBでは約1677万色を表現できます。
RGB値は光の強さを表す数値で、WebのHEXカラーコードと直接対応します。ただし、RGBという言葉だけでは色空間までは決まりません。一般的なWeb・CSSではsRGBが基準です。
記事テーマを視覚的に理解するための色見本です。概念に固定の公式色がない場合は教材表示として扱います。
#FF0000#00FF00#0000FFRGBの基本
| 色 | RGB | HEX |
|---|---|---|
| sRGB 赤（R） | 255, 0, 0 | #FF0000 |
| sRGB 緑（G） | 0, 255, 0 | #00FF00 |
| sRGB 青（B） | 0, 0, 255 | #0000FF |
| sRGB 白 | 255, 255, 255 | #FFFFFF |
| sRGB 黒 | 0, 0, 0 | #000000 |
| sRGB 中間グレー | 128, 128, 128 | #808080 |
RGB値とHEXの関係
HEXはRGBの各成分を16進数で表したものです。たとえばRGB(255,0,0)は、255→FF、0→00なので #FF0000 になります。
RGBは「光の三原色」
RGBは加法混色です。光を足すほど明るくなり、R・G・Bをすべて最大にすると白になります。これは印刷で使うCMYKの考え方とは逆方向です。
代表的な中間色
| 色 | RGB | HEX |
|---|---|---|
| CSSシアン | 0, 255, 255 | #00FFFF |
| CSSマゼンタ | 255, 0, 255 | #FF00FF |
| sRGB イエロー（Yellow） | 255, 255, 0 | #FFFF00 |
RGBとsRGBは同じ？
厳密には同じではありません。RGBは3成分で色を表す方式の総称で、sRGBはその中の具体的な色空間の1つです。WebやCSSの従来のRGB/HEXは基本的にsRGBとして扱われます。
RGBからCMYKへ変換するときの注意
RGBからCMYKへは一対一で完全変換できません。CMYKの結果は印刷条件・用紙・インク・ICCプロファイルに左右されます。画面で見た色と印刷結果が完全一致しないのはこのためです。
色しるべでRGBを使う
RGBの代表値を色で確認する
RGBは、赤・緑・青の光の強さを数値で表します。Webでよく使うsRGBの教材例として、代表的な値を色面で見比べます。
R 255
G 0 / B 0
R 0
G 255 / B 0
R 0
G 0 / B 255
255 / 255 / 255
白
0 / 0 / 0
黒
同じ数値でも、色空間やプロファイルが違えば色の意味は変わります。WebのCSSでは通常sRGBとして解釈されます。
RGBの3成分を組み合わせるとどうなる？
sRGBの加法混色では、R・G・Bの光を重ねるほど明るい色へ近づきます。基本的な組み合わせを画面上で見比べると理解しやすくなります。
R + G加法混色では黄方向
G + B加法混色ではシアン方向
B + R加法混色ではマゼンタ方向
R + G + B最大なら白
同じ3つの数値でも、色空間やプロファイルが異なれば意味が変わります。WebのCSSで一般的なRGB/HEXは、通常sRGBとして扱われます。
よくある質問
RGB(0,0,0)は何色ですか？
ブラックです。光を出していない状態に相当します。
RGB(255,255,255)は何色ですか？
ホワイトです。R・G・Bすべてが最大の状態です。
HEXとRGBは別の色ですか？
同じsRGB色を別の表記方法で示している場合があります。#FF0000とrgb(255,0,0)は同じ色です。
出典・確認情報
sRGBとrgb()の定義を参照。8bitの0〜255の説明はAdobe Photoshopカラーモード資料を補助参照。
