SPARKFUL

Blog

Insights from the SPARKFUL x Fourdesire teams

色域廣不一定比較好

Decill Changuser-interface-design
name

本文有大量圖檔遺失,我們正在努力恢復中了!

在影像處理以及繪圖軟體中,我們常常會遇到這兩個名詞: sRGB 與 AdobeRGB,許多數位相機也提供這兩種選項讓使用者選擇,在繼續講這兩個名詞之前,我們得先來認識一個名詞: 色彩空間。

色彩空間(Color Space) 是一個數學模型,用來表達色彩的範圍。以最早定義、最常見的 CIE 1931 色彩空間來說,它基本上包涵了人眼所能辨識的的顏色範圍、長得就是以下這種樣子:

我們把 sRGB 與 adobeRGB 所能顯示的範圍標示在其中之後可以很明顯的看到這兩者的差異,可以很明顯的看出 adobeRGB 所能定義的範圍高於 sRGB。我們看到大部分都是往綠色拓展,實際上就是綠色系色彩的表現會好上很多。

那麼,選擇 adobeRGB 真的會比較好嗎?首先我們先瞭解,截至目前為止,大部分顯示器的顯色範圍依然遠不及 adobeRGB 的標準,以蘋果電腦的產品iphone 以及 iPad & iPad 2 來說,其螢幕大約覆蓋了約 71%的 sRGB 範圍、以及僅約 51% 的 adobeRGB 範圍而已。而電腦螢幕呢?事實上,除非你購買的螢幕有標註是 90% 甚至 120% 以上的色域(大部分都是專業繪圖機種),不然其實一般顯示器的色彩涵蓋範圍幾乎都是涵蓋了 sRGB 範圍而已。

那麼當我們在這些螢幕上檢視 adobeRGB 的圖片時會發生什麼結果呢? 電腦系統中的交換用圖檔JPG、PNG等圖片是由 RGB 三色各 255 個階層所顯示。而從上圖中我們知道 adobeRGB 所定義的色彩範雖然比較廣,但卻並不會為了 adobeRGB 而去重新定義更廣的色彩階層範圍。因此當電腦要顯示相同彩度的顏色時,則只需要比較淡的 RGB 值就可以達到(其實這邊還牽扯到色彩管理以及轉換的問題)。以結果而言,在不經過轉換的狀況下,使用 adobeRGB 的圖片反而會比較淡。

這麼說可能有點抽象,讓我們實際上使用照片來比對,使用來源為 Nikon D80 相機拍攝之RAW檔,使用 Photoshop CameraRAW 中分別以 adobeRGB 以及 sRGB 輸出 JPG 圖檔、不更改任何其他設定。為了消除其他變因所以在同一台電腦上使用 QuickTime 圖片檢視器並且直接 PrintScreen 擷取,如下圖,左圖為 adobeRGB,右圖為 sRGB:

可以發現 adobeRGB 所呈現的照片較為黯淡,並且會因為不同平台、不同設備上而呈現出不同的效果,但這顯然不是我們所願意見到的結果。所以現階段可能的時候,還是選擇 sRGB 吧!


參考文獻:

  1. Wiki-色彩空間
  2. Wiki-CIE1931色彩空間
  3. Photo by Sean Sinclair on Unsplash
Decill Chang
Decill Chang
Principal Designer
A しばいぬ lover.
divider
Related Posts
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...Read more
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...Read more
name

為使用者撒下「麵包屑」

大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面...Read more