色彩空間怎麼選:sRGB、P3、Adobe RGB、Rec.709 與 ICC

更新 2026.10.16

HEX 或 RGB 色碼記錄了數值,但若沒有指定色彩空間,不同裝置不一定會把數值顯示成完全相同的顏色。色彩空間定義數字如何對應到可測量的顏色;色域則表示該空間或裝置能表示的顏色範圍。網頁、手機照片、影片和印刷成品可能使用不同設定,不能只靠複製 RGB 數值保證顏色一致。查核日期:2026-10-07。

CIE 1931 色度圖比較 sRGB、P3、Rec.2020、Adobe RGB 與 ProPhoto RGB 色域

圖片來源:Myndex/Wikimedia Commons,CC BY-SA 4.0。

常見色彩空間與 profile 對照

名稱 類型與特性 常見用途 選用時核對
sRGB 標準 RGB 色彩空間,跨平台網頁和一般顯示器支援普遍 網頁圖像、介面、一般照片交付 若沒有明確廣色域需求,通常是相容性較好的交付選擇
Display P3 RGB 廣色域空間,色域大於並包含 sRGB;採 D65 白點 廣色域手機、平板、顯示器及支援的網頁內容 需確認顯示器、瀏覽器、影像檔和輸出流程皆能處理 P3
Adobe RGB (1998) RGB 工作色彩空間,色域較 sRGB 廣,尤其擴展部分青綠色 攝影後製、彩色印刷前期影像編輯 網頁交付前應轉換成目標空間,不能只改 profile 名稱
ProPhoto RGB 非常寬的 RGB 工作空間,可容納許多顯示器無法直接呈現的顏色 RAW 照片後製和高位元深度編輯 適合保留編輯餘裕;低位元編輯可能出現色階斷層,最終仍須轉出
Rec.709/BT.709 HDTV 影像製作與交換採用的色彩標準,並非只看 RGB 原色的簡單別名 SDR 電視、影片製作與播放 核對色彩原色、白點、傳遞函數及影片規格,不將它和 sRGB 當作完全同一規格
Rec.2020/BT.2020 UHD 影像標準使用的廣色域色彩原色 UHD 影片、HDR/廣色域製作管線 多數顯示器未必能完整呈現 Rec.2020;依 HDR 格式和母版規格處理
CMYK 依青、洋紅、黃、黑油墨分色,輸出取決於印刷條件和 profile 商業印刷、包裝、印刷打樣 要用印廠指定的 ICC profile 和紙張/設備條件,不能由一張通用 CMYK 表保證色彩
CIE XYZ/Lab 以色度學描述顏色的參考色彩空間;常作色彩管理的交換或連接空間 ICC 色彩轉換、量測和色差分析 不是顯示器或印刷機的直接 RGB/CMYK 工作設定
ICC profile 說明某色彩空間或裝置如何解讀、轉換顏色的設定檔;不是另一組色彩空間 影像標記、螢幕/印表機色彩管理 profile 要與實際來源或目標相符;錯誤 profile 會使色彩轉換失真

W3C CSS Color 規格列出 sRGB、Display P3、Adobe RGB (1998)、ProPhoto RGB、Rec.2020 等色彩空間。Display P3 色域大於並包含 sRGB;Rec.2020 的定義色域又大於 Display P3,但實際顯示器可能無法覆蓋完整色域。W3C CSS Color 4;W3C Media Queries:color-gamut

RGB 空間是色彩表示模型;Rec.709/Rec.2020 是影像製作標準中包含色彩原色等參數的規範;ICC profile 是轉換或裝置描述檔。這些名詞層次不同,不能只按「色域比較大」就替換設定。

Rec.709 和 sRGB 使用相同的 RGB 原色與 D65 白點,但傳遞函數(編碼曲線)並非完全相同;影片檔仍要按其色彩標記、來源標準和播放規格解讀。W3C sRGB 規格;ITU-R BT.709

為何同一組 RGB 可能看起來不同

例如 rgb(255 0 0) 是一組紅色 RGB 數值,但 RGB 數字需要色彩空間定義才有明確色度。若把一組數值從 sRGB 當成 Display P3 解讀,或反過來,得到的顏色可能改變。轉換色彩空間時,軟體需要依規則轉換數值;若目的色域無法表示來源色彩,還需做色域映射。

因此,HEX、RGB、HSL 等色碼格式回答的是「如何寫出顏色分量」,色彩空間回答「這些數值代表哪個顏色」。色碼表示方式和色彩空間是不同層次;本文著重色彩空間與裝置差異。

網頁和列印如何處理

  • 一般網頁素材:若未特別指定廣色域支援,使用 sRGB 通常較容易在不同裝置間保持相容;CSS 顏色和未標記圖像也有規格預設處理方式。
  • 廣色域照片或設計:保留原始 profile,確認影像檔、軟體和目標顯示器都能辨識並處理來源色彩空間。
  • 轉換格式:轉換前後檢視顏色,尤其是超出目的色域的鮮豔顏色;單純移除 profile 可能造成色彩解讀改變。
  • 送印:詢問印廠所需的色彩設定和 ICC profile。螢幕 RGB 與印刷油墨的可呈現範圍和轉換方式不同,不能假設一組 RGB 數值可直接指定最終印刷顏色。
  • 品牌色交付:記錄色彩空間、profile、輸出格式及觀看條件,並提供核准過的參考樣本。

ICC profile 有助色彩管理,但無法讓所有螢幕或印表機顯示完全一致。螢幕校正狀態、亮度、環境光、紙張與印刷設備都會影響主觀和實際觀感;高精度用途需使用經校準的工作流程。

色彩空間快速轉換方法表

「指派 profile」和「轉換色彩空間」是不同操作:指派保留原始數值、改變數值代表的顏色;轉換則依 profile 改寫數值,盡量維持原本觀感,超出目標色域的顏色仍可能需要映射而改變。

來源 → 目標 正確處理方式 快速檢查 不要這樣做
未標記 RGB → 任一色彩空間 先查檔案來源、相機/軟體設定或建立者;未知時保留原檔並標明不確定 確認通道值是依哪個 profile 編碼 不要隨便指派 sRGB 或 Display P3 來猜顏色
sRGB → Display P3 用色彩管理軟體轉換並嵌入 Display P3 profile;網頁可提供 sRGB 後備色再加入 P3 宣告 以 P3 顯示器和實際瀏覽器預覽 不要把原 RGB 數字不變地改標為 P3
Display P3/Adobe RGB → sRGB 轉換到 sRGB,選擇適合的轉換意圖,檢查高飽和顏色並嵌入 profile 同時檢查轉換後顏色是否落在 sRGB 色域 不要只移除原 profile,否則接收端可能用不同空間解讀數字
ProPhoto RGB → 網頁圖檔 先在高精度工作檔保留來源,再轉換至 sRGB 或經確認支援的 Display P3 檢查暗部、漸層和高彩度細節 不要將未轉換的 ProPhoto 數值當成 sRGB 上傳
RGB → CMYK 向印廠取得紙張/印刷條件對應的 ICC profile,轉換後做軟打樣或實體打樣 核對黑版生成、總墨量和印廠檔案要求 不要套用網路找到的通用 CMYK profile 取代印廠規格
Rec.2020 → Rec.709 依影片交付規格和製作軟體做色域映射,並同時檢查傳遞函數、HDR/SDR 和亮度處理 用目標 Rec.709 監看或打樣 不要只改標籤,否則可能發生色彩與亮度錯誤

一般網站若要保留廣色域,同時照顧標準顯示器,先設定 sRGB 色彩,再用 W3C 支援的 Display P3 色彩語法覆寫;瀏覽器支援情況和使用者裝置仍須納入驗證。W3C CSS Color 4。

交付色彩檔案前

  1. 確認 RGB 數值或影像是否指定 sRGB、Display P3 或其他色彩空間。
  2. 保留需要的 ICC profile;轉換時確認軟體執行的是色彩轉換而非只移除標記。
  3. 在目標瀏覽器、裝置或印刷流程檢查色彩呈現。
  4. 設計需跨裝置一致時,以實際目標和核准樣本為準,避免只檢視一台未校準螢幕。
  5. 印刷前向印廠確認 profile、色彩模式、打樣及可接受的色差範圍。

查詢來源與查核範圍

查核日期:2026-10-07。色彩空間支援會依裝置、瀏覽器、影像格式和軟體而異;印刷交件、品牌色和攝影工作流程應依目標輸出端的現行要求確認。