色空間とは何か（What）

色空間は、色を数値で表すための座標系です。同じ「青」でも、

• sRGB（Web の標準）
• Display P3（色の範囲が広いディスプレイ）
• CMYK（印刷）

では、使える色の範囲（ガマット＝再現できる色の広さ）が異なります。

なぜ色空間を意識するか（Why）

ブランドカラーを #4285F4 と指定しても、

• 色の範囲が狭いモニタと、広いモニタ（広色域）では 鮮やかさが違う
• 同じデータを印刷すると くすむ・ずれる ことがある

「同じ HEX ＝ どこでも同じ見え方」ではないからです。検品・納品の前に 媒体と色空間 をそろえて確認する習慣があると、実務では安心です。

どう使うか（How）

RGB と加算混色

ディスプレイは 光を足し合わせて 色を作ります（加算混色）。赤・緑・青のチャンネルそれぞれ 0〜255（または 0%〜100%）で指定します。

• 赤 + 緑 → 黄
• 赤 + 青 → マゼンタ
• 緑 + 青 → シアン
• すべて最大 → 白

たとえ: スマホの画面で白い背景を表示するとき、ピクセルは R・G・B を高く点灯させています。

sRGB とは

sRGB は Web ブラウザや多くのモニタが前提とする標準色空間です。CSS の #4285F4 や rgb(66, 133, 244) は、sRGB 上の値として解釈されます。

たとえ: Figma やブラウザの開発者ツールでコピーした HEX は、通常 sRGB として扱われます。P3 用に別途書き出す場合は、プロジェクトのガイドを確認します。

印刷との違い（実務のたとえ）

印刷は インクを重ねる減法混色（CMYK 等）が基本です。名刺やパンフレットでは、画面プレビューと 紙の仕上がり を別データで確認するのが一般的です。

ヘッダーの6色テーマは 画面（sRGB） 用です。印刷物の色見本（Pantone 等）とは別管理になることが多いです。

画面で鮮やかに見えた色が、紙ではくすむ — このギャップは色空間と媒体の違いから生じます。配色コースや実務では、画面用・印刷用 でデータを分けることがあります。

Lab への入口（次のレッスンへ）

媒体をまたぐとき、品質管理などで使う CIE Lab（知覚に寄せた色空間）や色差 ΔE の話があります。Lab は人の目の感じ方に寄せて設計されていますが、完全に均一ではありません。

詳しい軸の読み方・LCH・ΔE00 は次のレッスンにまとめました。本レッスンでは「Web/印刷の色空間と、測色寄りの続きがある」ことだけ押さえてください。

ミニクイズ