P3 色塊更鮮豔 → 支援廣色域
兩側看起來相同 → 僅 sRGB
專業色域偵測工具
透過 P3 超飽和色塊、sRGB 邊界色彩和漸層過渡測試，視覺評估螢幕的廣色域支援。
P3 色域偵測
顯示超出 sRGB 範圍的 DCI-P3 飽和色塊。如果螢幕支援廣色域，P3 色塊和 sRGB 參考之間會有明顯差異。如果不支援，兩者看起來幾乎相同。
漸層邊界測試
在 sRGB 和 P3 色域邊界處顯示平滑漸層。廣色域螢幕呈現更豐富的中間色調；標準 sRGB 螢幕在某個點之後顯示色彩截斷。
RGB 通道測試
獨立測試紅、綠、藍通道的色域覆蓋。P3 在紅色和綠色延伸最多，藍色最少 — 這解釋了為什麼 P3 螢幕的紅色和綠色最為鮮豔。
什麼是色域？
了解色域標準及其對螢幕品質的影響。
sRGB
最通用的色域標準，覆蓋人眼可見色彩的約 35%。幾乎所有網頁內容、影片和作業系統都基於 sRGB。99% sRGB 覆蓋是任何螢幕的基準門檻 — 不足意味著色彩不準。
DCI-P3
比 sRGB 大約 25%，由電影產業定義。Apple 整個生態系（iPhone、MacBook、Pro Display XDR）使用 P3。HDR 內容通常以 P3 編碼，使其成為高階螢幕的主流標準。
Adobe RGB
為專業印刷和攝影設計的色域標準，在青綠色區域相比 sRGB 有顯著擴展。攝影師使用 Adobe RGB 覆蓋大部分 CMYK 印刷色彩，確保「所見即所印」。
如何使用色域測試
三步驟判斷螢幕的色域能力。
觀察色塊差異
每組測試包含 P3 飽和色塊和 sRGB 參考色塊。如果兩者明顯不同（P3 更鮮豔），螢幕支援廣色域。如果看起來相同，螢幕將 P3 色彩截斷到 sRGB。
檢查漸層過渡
在漸層條中觀察色彩過渡是否平滑。廣色域螢幕展示更豐富的中間色調。如果漸層突然「斷開」或變成單一色，那就是螢幕的色域邊界。
比較三個通道
分別檢查紅、綠、藍的延伸範圍。大多數廣色域螢幕在紅色通道延伸最大（P3 紅色比 sRGB 紅色鮮豔得多），其次是綠色，藍色最小。
色域標準說明
sRGB（1996）
HP 和 Microsoft 共同開發的標準色域，定義了 CRT 時代的「標準色彩」。至今仍是網頁、Windows 和 Android 的預設色彩空間。每台螢幕都應覆蓋至少 100% sRGB。
DCI-P3（2005）
數位電影倡議組織的投影色域。在紅色和綠色方面比 sRGB 大幅擴展。iPhone 8 以後所有 Apple 裝置支援，Samsung 近期旗艦和專業顯示器也支援。覆蓋人眼可見色彩約 45%。
Adobe RGB（1998）
Adobe 為覆蓋 CMYK 印刷色域而創建。在青綠色區域比 sRGB 和 P3 都大。專業攝影顯示器（如 EIZO CG 系列）通常標示 99% Adobe RGB 覆蓋。
Rec. 2020（2012）
ITU 超高畫質電視標準 — 定義最大的色域之一，覆蓋可見色彩約 75%。目前幾乎沒有螢幕能完全覆蓋 Rec. 2020；它更多作為目標方向。
各面板類型的色域表現
了解不同面板技術的色彩能力。
IPS（Nano IPS / IPS Black）
色域能力：
• Nano IPS（LG）：98% DCI-P3，專業級色彩。
• IPS Black：改善對比度同時維持 P3 級色域。
• 優勢：視角一致性高，色彩均勻度佳。
VA 面板
色域能力：
• 標準 VA：通常 100% sRGB，85-90% P3 覆蓋。
• 優勢：高原生對比度（3000:1+），暗場景出色。
• 注意：可能有色彩偏移；廣視角下色彩衰減。
OLED / QD-OLED
色域能力：
• QD-OLED（Samsung）：99.3% DCI-P3，接近廣播級。
• 像素級光控搭配極高色彩純度。
• 目前消費級螢幕中最廣色域技術。
Mini LED 背光
色域能力：
• 分區背光帶來出色 HDR 色彩表現。
• 比傳統 LED 背光色域提升 15-20%。
• 代表：Apple Pro Display XDR、ASUS PA32UCR。
實用色彩管理建議
載入 ICC 描述檔
使用色度計（如 i1 Display Pro）產生 ICC 描述檔。作業系統載入後精確匹配螢幕實際色域，防止過飽和或色偏。
選擇正確模式
廣色域螢幕應啟用色彩管理。macOS 自動處理；Windows 需在顯示設定中啟用 ICC 或使用「sRGB 模式」限制色域。
匹配內容色域
網頁瀏覽和辦公使用 sRGB 模式。修圖用 Adobe RGB。影片剪輯和 HDR 內容用 P3。不匹配會造成過飽和。
瀏覽器色彩管理
Chrome 和 Firefox 支援 CSS color() 函數和 P3 色彩。Safari 色彩管理最完整。在網頁中使用 color(display-p3 ...) 指定 P3 色彩。
常見問題
Q.100% sRGB vs 100% P3 — 哪個比較好？
無法簡單比較。sRGB 是基礎 — 100% 覆蓋是最低要求。P3 更廣 — 100% P3 意味著能顯示更鮮豔的色彩。但沒有色彩管理的話，廣色域反而會讓日常內容過度飽和。
Q.為什麼廣色域螢幕色彩太鮮豔？
因為 Windows 色彩管理不如 macOS 完善。大多數應用不讀取 ICC 描述檔，直接將 sRGB 內容映射到廣色域面板，導致過飽和。解決方案：使用顯示器 OSD 中的「sRGB 模式」。
Q.CSS 中如何使用 P3 色彩？
使用 color(display-p3 r g b) 函數，值範圍 0-1。例如 color(display-p3 1 0 0) 是 P3 純紅。搭配 @supports 和 @media (color-gamut: p3) 查詢實現優雅降級。
Q.手機螢幕通常是什麼色域？
iPhone 8 以後全部支援 P3。Samsung 旗艦（S21+）支援 120% DCI-P3。中階 Android 手機通常只支援 sRGB 或略低。平板中 iPad Pro 完整支援 P3。
Q.什麼是量子點？和色域什麼關係？
量子點是奈米級半導體顆粒，能精確轉換特定光波長。用於背光模組可產生更純淨的 RGB 光譜，擴大色域覆蓋。Samsung QLED 和 QD-OLED 都使用量子點技術。
Q.8-bit 和 10-bit 面板色域一樣嗎？
色域和位元深度是獨立的概念。8-bit 面板可以有 100% P3 色域但只顯示 1677 萬色；10-bit 面板顯示 10.7 億色，漸層更平滑。兩者都影響色彩表現但方式不同。
色域選購建議
- • 日常辦公： 100% sRGB 足夠。廣色域可能反而讓網頁和文件色彩過飽和。
- • 攝影： 優先選擇 99%+ Adobe RGB 覆蓋的專業顯示器，搭配色度計。
- • 影片剪輯： 選擇 95%+ DCI-P3 搭配 HDR 支援，準確預覽 HDR 內容。
- • 網頁開發： 使用 @media (color-gamut: p3) 查詢為廣色域裝置提供更鮮豔的品牌色彩。