sRGB・Adobe RGB・Display P3の違い|色域と用途を比較
sRGB・Adobe RGB・Display P3の違いを、色域・白色点・用途から比較。Web、写真、印刷、広色域ディスプレイでどの色空間を選ぶべきか解説します。
記事テーマを視覚的に理解するための色見本です。概念に固定の公式色がない場合は教材表示として扱います。
#3F6682#DDB04F#70A477#C96567#7862A1画面の色と、印刷の色を分けて考える
ディスプレイと印刷では色を作る仕組みが異なります。まず「光」と「インク」を視覚的に分けて考えると整理しやすくなります。
RGB系
光を加える
CMYK系
インクで再現する
はじめて読む方へ|まず知っておきたい基本
この記事で出てくる基本用語を先に確認します。ここだけ押さえておけば、専門知識がなくても本文を読み進められます。
sRGBは、Webや一般的なディスプレイで広く使われる標準的なRGB色空間です。同じRGB数値でも色空間が違えば見え方や意味が変わることがあります。
RGBはRed・Green・Blueの3つの光を組み合わせて色を表す方式です。一般的な8bit表現では各成分を0〜255で示します。
sRGB、Adobe RGB、Display P3は、いずれもデジタル画像やディスプレイで色を扱うためのRGB色空間です。違いを一言でいえば、表現できる色の範囲(色域)や、基準となる原色・白色点・伝達特性が異なります。
Web制作ではsRGB、写真・印刷ワークフローではAdobe RGB、対応するApple製品や広色域ディスプレイではDisplay P3を目にすることが多くなっています。どれが「一番きれい」なのではなく、用途と表示環境に合った色空間を選ぶことが重要です。
sRGB・Adobe RGB・Display P3の違い
- sRGB:Webや一般的なディスプレイで広く使われる標準的なRGB色空間
- Adobe RGB (1998):sRGBより広い色域を持ち、特に写真・印刷系で使われることがある
- Display P3:P3系の広い原色を使い、D65白色点とsRGB系の伝達関数を採用する広色域RGB色空間
sRGBとは?
sRGBは、現在のWebや多くの一般的な画像表示で基準として使われているRGB色空間です。AppleのCore Graphicsドキュメントでも、sRGBはIEC 61966-2-1で規定された標準RGB色空間として扱われています。
Web画像を多くの端末で安定して見せたい場合、sRGBは互換性の高い選択肢です。ブラウザやOSの色管理が適切に働く環境では、埋め込まれたプロファイルをもとに表示が調整されます。
Adobe RGB (1998)とは?
Adobe RGB (1998)はAdobeが定義したRGB色空間です。Adobeの仕様書では、赤・緑・青の原色座標とD65相当の白色点が定められています。
Adobe RGBはsRGBより広い色域を持ち、特に一部の緑〜シアン方向でsRGBより広い範囲を扱えます。そのため、広色域で撮影・編集し、色管理された印刷工程へつなぐワークフローで使われることがあります。
ただし、Adobe RGB画像をプロファイル無視の環境でsRGBのように扱うと、色がくすんだり違って見えたりすることがあります。色空間は「広いほど常に安全」ではなく、色管理とセットで使うことが重要です。
Display P3とは?
Display P3はAppleが作成した広色域RGB色空間です。Appleのドキュメントでは、DCI-P3の原色、D65白色点、sRGBと同じ系統の伝達関数を使うと説明されています。
ここで注意したいのは、Display P3と映画向けのDCI-P3は同じものではないことです。W3CのCSS Color Module Level 4でも、Webで使う色空間名は「display-p3」とされ、DCI-P3と混同しないよう整理されています。
どれが一番色域が広い?
単純な面積だけでなく、どの方向に広いかを見る必要があります。sRGBは3つの中では比較的狭く、Adobe RGBとDisplay P3はより広い色域を持ちます。ただし、Adobe RGBとDisplay P3は広がる方向が同じではありません。
「Adobe RGBの方が上」「Display P3の方が上」と一列に順位づけするより、どの色を扱いたいか、最終出力がWebか印刷か、表示機器が対応しているかで選ぶ方が実用的です。
Web制作ならどれを使う?
互換性を最優先するなら、現在もsRGBが基本です。一方、CSS Color 4ではcolor(display-p3 ...)のようにDisplay P3の色を指定できる仕様が整備されており、対応ブラウザ・広色域ディスプレイではsRGB外の色も表現できます。
ただし、P3色を使っても表示端末がその色域を再現できなければ、実際の見え方は端末側の能力に制約されます。広色域を使う場合も、sRGB環境での見え方を確認するのがおすすめです。
写真編集ならどれを使う?
写真編集では、撮影データ、編集ソフト、ディスプレイ、書き出し先まで一貫した色管理が重要です。Adobe RGB対応の撮影・表示・印刷環境があるならAdobe RGBを使う意味がありますが、最終的にWebへ出すならsRGBへ変換して書き出す運用も一般的です。
Display P3対応の端末やアプリで完結する場合は、Display P3の広い色域を活かせることがあります。どの色空間を使う場合でも、ICCプロファイルを正しく扱うことが重要です。
同じRGB値でも色が違うことがある
RGB(255, 0, 0)のように同じ数値でも、sRGB・Adobe RGB・Display P3では原色の定義が異なるため、同じ物理的な色を意味するとは限りません。
RGB値だけをコピーするのではなく、「その数値がどの色空間の値なのか」をセットで考える必要があります。これはHEXカラーコードを扱うときにも重要です。
色温度や白色点との関係
sRGB、Adobe RGB (1998)、Display P3はいずれもD65付近の白色点を基準にしています。D65については色温度とは?の記事で詳しく解説しています。
色しるべでカラーコードを確認する
カラーコード変換では、HEX・RGB・HSLなどの値を相互に確認できます。色空間そのものの違いと、色を表す数値形式の違いを分けて理解すると、デジタル色の仕組みが整理しやすくなります。
まとめ|用途と表示環境で色空間を選ぶ
sRGB、Adobe RGB、Display P3は、それぞれ異なるRGB色空間です。sRGBは互換性、Adobe RGBは写真・印刷系の広色域運用、Display P3は対応ディスプレイでの広色域表示に強みがあります。
大切なのは、色域の広さだけで選ばず、最終的にどこで表示・出力するか、色管理ができているかまで考えることです。







コメントを残す