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

圖片來源: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。
交付色彩檔案前
- 確認 RGB 數值或影像是否指定 sRGB、Display P3 或其他色彩空間。
- 保留需要的 ICC profile;轉換時確認軟體執行的是色彩轉換而非只移除標記。
- 在目標瀏覽器、裝置或印刷流程檢查色彩呈現。
- 設計需跨裝置一致時,以實際目標和核准樣本為準,避免只檢視一台未校準螢幕。
- 印刷前向印廠確認 profile、色彩模式、打樣及可接受的色差範圍。
查詢來源與查核範圍
- W3C:CSS Color Module Level 4(sRGB、Display P3、色彩表示和色域映射;查核時為 Candidate Recommendation Draft)
- ICC:Specifications(ICC profile 規格、色彩編碼轉換及現行 profile 文件)
- ICC:sRGB Registry(sRGB 標準來源、特性及 ICC profile 資料)
- Adobe:Adobe RGB (1998) Color Image Encoding(Adobe RGB (1998) 色彩編碼與 ICC profile 定義)
- ITU-R:BT.709(HDTV 影像製作與國際節目交換的參數標準)
- ITU-R:BT.2020(UHDTV 系統的色彩原色與相關參數)
查核日期:2026-10-07。色彩空間支援會依裝置、瀏覽器、影像格式和軟體而異;印刷交件、品牌色和攝影工作流程應依目標輸出端的現行要求確認。