色彩學,是一門說難也不難的課題。影像處理 最常接觸到的領域就是色彩,所以我們在修圖之前,一定得先了解電腦的色彩管理系統,才能得到正確的顏色。而我們也必須知道影像處理軟體操作色彩的方式,才有辦法修出好照片。本篇文章包含 色彩描述檔 的相關知識,詳細介紹影像處理軟體所使用的 HSL 系統,和不可不知的色彩相關性。

先搞清楚色彩描述檔

色彩,可以透過一組RGB數值或是使用一組CMYK數值來表示。舉例來說,R100/G50/B80這組數值大家都知道是一個顏色,但是如果只給定這樣的數值,我們的硬體裝置是無法呈現出正確的色彩。就像我跟你說,這顆糖果的甜度是100,現在請你用100這個數值,來形容糖的甜度。你一定形容不出來,因為100這個數字對你而言並沒有參考的標準。所以為了顯示出正確的色彩,我們必須為這些硬體裝置指定一個「色彩描述檔」,讓這些裝置知道如何顯示出每一組數值的正確色彩。

為照片指定色彩描述檔,可以讓硬體裝置顯示出正確的色彩。▲為照片指定色彩描述檔,可以讓硬體裝置顯示出正確的色彩。

 

由於各種色彩描述檔定義的顏色不同,甚至定義的色彩範圍也不一樣。所以在某一組RGB數值上(例如:R100/G50/B80),套用不同的色彩描述檔,也會顯示出不一樣的色彩。你不妨試試看,將同一張照片分別套用Adobe RGB和sRGB這兩種色彩描述檔,在電腦螢幕上所顯示的色彩是不一樣的。

我們在處理RAW檔的時候,也會遇到相同的問題。常有人問說,為何使用Adobe Photoshop Lightroom開啟RAW檔,和使用原廠軟體(例如:Nikon Capture NX、Canon Digital Photo Professional、Silkypix)開啟RAW檔,看到的顏色不一樣。因為RAW檔基本上並沒有內嵌任何的色彩描述檔,各家廠商只能使用自己的色彩演繹方式來呈現RAW檔的色彩。所以在Adobe Photoshop Lightroom裡看到的照片顏色和「原廠」的不同,是非常合理的。

左邊是Adobe Photoshop Lightroom,右邊是Canon Digital Photo Professional。同一個RAW檔,兩種軟體所呈現的顏色卻完全不一樣。▲左邊是Adobe Photoshop Lightroom,右邊是Canon Digital Photo Professional。同一個RAW檔,兩種軟體所呈現的顏色卻完全不一樣。

 

我們的電腦如何處理色彩

當我們使用電腦來處理影像時,必須要先熟悉一個名詞:HSL(亦作HSB)即色相(H)ue、飽和度(S)aturation(或稱為純度)、明度(L)ightness系統。電腦使用HSL來描述一種顏色,而影像處理軟體也是以HSL為介面來調整各種顏色。

影像處理軟體Adobe Photoshop Lightroom以HSL為介面來調整各種顏色。

▲影像處理軟體Adobe Photoshop Lightroom以HSL為介面來調整各種顏色。

 

色相、飽和度、明度是在講什麼?

色相,就像人眼可以清楚辨識的紅、橙、黃、綠、藍、靛、紫色。基本上,色相可以指定任何顏色,這些顏色都是連續的,各種顏色的頭尾相接形成一個色環。飽和度用來表示色彩的純度,飽和度愈高的顏色愈容易辨識,在視覺上產生較重且較強烈的印象,而黑、灰及白色則無法調整飽和度。我們在拍照或後製的時候,常會利用飽和度來強化感官、平衡構圖。 

Corel PaintShop Photo Pro X3的色相/飽和度/明度調整功能。

▲Corel PaintShop Photo Pro X3的色相/飽和度/明度調整功能。

 

明度是指色彩的明暗度,每一種顏色都有明暗的區別。所有的顏色,明度愈高都會愈趨近於白色,愈低則愈趨近黑色。藉由明暗的反差,可形成光影和縱深,為影像製造立體感。例如拍攝人物正面肖像,鼻子旁若有陰影就有立體感,反之則無。有效運用光影還可以引導視線、勾勒主體。

前景明度較低而遠景明度較高,就會有縱深感。

▲前景明度較低而遠景明度較高,就會有縱深感。

 

一定要知道的互補色彩

色相環中處於相對位置的任兩種色彩即為互補色彩,其中最主要的互補色為:黑─白青─紅洋紅─綠黃─藍四種。為何要特別強調互補色彩呢?因為不論修圖或拍照,都會常常使用到互補色彩。例如,Adobe Photoshop Lightroom中最基本的白平衡調整,即應用了互補色彩。

色溫K數調整的是藍─黃互補色,而色調調整則是綠色─洋紅色互補色。

▲色溫K數調整的是藍─黃互補色,而色調調整則是綠色─洋紅色互補色。

 

互補色彩此消彼長,像Photoshop就將四種主要的互補色彩應用在選取顏色的功能中。提高青色的百分比,紅色就降低;提高洋紅色則降低綠色;提高黃色是降低藍色;而加深黑色則減低亮度,相反就提高亮度。最常將它用來做為色彩偏移的校正,例如照片的色調偏綠,我們會加入洋紅色,照片偏黃,就加入藍色。像Photoshop的色彩平衡,就是使用三種最主要的互補色來校正色彩。

熟記互補色彩,才能預期各種調整項目的顏色變化。

▲熟記互補色彩,才能預期各種調整項目的顏色變化。

色彩平衡使用互補色彩來校正色偏,甚至可以故意製造色偏。▲色彩平衡使用互補色彩來校正色偏,甚至可以故意製造色偏。

 

除了上述的互補色之外,使用紅、藍及綠色就能混合出各種顏色。像是紅色+綠色=黃色(藍色互補色),其他顏色以此類推,而RGB三原色相加則會變成白色。

色彩混合關係圖,聰明的你,是不是已經看出來它們的關聯了呢!
▲色彩混合關係圖,聰明的你,是不是已經看出來它們的關聯了呢!

 

玩色範例:

最後來玩一個色彩的加法遊戲,讓大家更了解這些色彩的關係。

原圖是紅色的車子,我用這張圖來示範紅色和其他顏色相加的結果。
▲原圖是紅色的車子,我用這張圖來示範紅色和其他顏色相加的結果。

紅色加入藍色(黃色-100%)則變成洋紅色。
▲紅色加入藍色(黃色-100%)則變成洋紅色。

紅色加入綠色(洋紅色-100%)變成黃色。
▲紅色加入綠色(洋紅色-100%)變成黃色。

紅色加入綠色(洋紅色-100%)和藍色(黃色-100%),就偏向白色了。
▲紅色加入綠色(洋紅色-100%)和藍色(黃色-100%),就偏向白色了。

 

原本搞不清楚的顏色變換,已經變得理所當然。看完這篇文章,大家是不是對色彩有更深入的了解?熟記這些色彩的關係,以後修圖就事半功倍囉!

 

相關文章

AdobeRGB、sRGB要怎麼選,有什麼差異

Photoshop必修學分:輕鬆還我好氣色

Photoshop必修學分:基本調光術

後製大哉問!課前準備

Click

我享受拍照的樂趣,但我更享受影像創作帶來的視覺震撼!請大家和我一起「顛覆現實」、「用力想像」!體驗這趟美好又不可思議的旅程~

看更多文章
Click的影像異世界

 


你可能也喜歡這些文章

大家的回應

  • Eric Shang
    Eric Shang (發表於 2011年1月26日 14:44)

    1

    感覺用LIGHTROOM出圖的膚色沒有原廠軟體來的好ㄟ~
  • Vesuvius
    Vesuvius (發表於 2011年1月26日 17:36)

    2

    同感+1,可能是Lightroom他為了要開啟各家的raw檔,所以他的色彩定義不一定會符合每個廠商的需求吧..(不知道這樣解讀對不對?)
  • 09373859014a6e621b92c2d5cd87213d?size=48&default=wavatar
    Lawans (發表於 2011年1月26日 17:52)

    3

    噯唷!樓上的滿懂的哦~!!
  • 335b66a4c93aea5b9013ebd8d16dcda7?size=48&default=wavatar
    masterorz (發表於 2011年1月26日 18:10)

    4

    T邦中DP的文章不但有創意也很實用,甚至不失專業~
    常看可以長很多知識,作者群很強~~
  • 69415fcba9b2a181e9b38754fd7954e6?size=48&default=wavatar
    Eirx (發表於 2011年1月26日 18:45)

    5

    T邦的DP??
  • Vesuvius
    Vesuvius (發表於 2011年1月26日 18:58)

    6

    那是什麼?DP?問號加1
  • 文森特
    文森特 (發表於 2011年1月26日 19:17)

    7

    我想應該是 DigiPhoto 的縮寫
  • Ac9a87b8cf6a547619261fea9dc7420f?size=48&default=wavatar
    漫雲~ (發表於 2011年3月10日 19:55)

    8

    精闢!讓在下這個自學者有好的訣竅!!
    謝謝~