項目 widget-area-1 尚未註冊或是沒有一個 view.php 檔案.
項目 widget-area-1 尚未註冊或是沒有一個 view.php 檔案.
項目 search-input 尚未註冊或是沒有一個 view.php 檔案.

【OpenCV】5 – 運用 OpenCV 調整亮度、飽和度(透過轉移至 HLS 顏色空間) modify lightness, saturation

先來看看今天的結果圖

https://ithelp.ithome.com.tw/upload/images/20200915/20120424M7QGxHMxsU.png

-> 此篇文章的程式碼 github

Day05_調整亮度飽和度(透過HSL顏色空間)_modify_lightness_saturation.ipynb

前言

我們繼續製作屬於自己的日系濾鏡啦!
日系濾鏡的修圖過程,大致上有以下步驟:

文章階段目標
【Day4】1. 調亮光線 (調整光線)
【Day5】2. 加強飽和度 (調整飽和度)
3. 將照片調成冷色調
4. 增添顆粒感
5. 降低對比
6. 降低高光

接下來的日子裡我們就來一個個用程式碼實現!

運用 OpenCV 調整亮度、飽和度

def modify_lightness_saturation(img):

    origin_img = img

    # 圖像歸一化,且轉換為浮點型
    fImg = img.astype(np.float32)
    fImg = fImg / 255.0

    # 顏色空間轉換 BGR -> HLS
    hlsImg = cv2.cvtColor(fImg, cv2.COLOR_BGR2HLS)
    hlsCopy = np.copy(hlsImg)

    lightness = 0 # lightness 調整為  "1 +/- 幾 %"
    saturation = 300 # saturation 調整為 "1 +/- 幾 %"

    # 亮度調整
    hlsCopy[:, :, 1] = (1 + lightness / 100.0) * hlsCopy[:, :, 1]
    hlsCopy[:, :, 1][hlsCopy[:, :, 1] > 1] = 1  # 應該要介於 0~1,計算出來超過1 = 1

    # 飽和度調整
    hlsCopy[:, :, 2] = (1 + saturation / 100.0) * hlsCopy[:, :, 2]
    hlsCopy[:, :, 2][hlsCopy[:, :, 2] > 1] = 1  # 應該要介於 0~1,計算出來超過1 = 1

    # 顏色空間反轉換 HLS -> BGR 
    result_img = cv2.cvtColor(hlsCopy, cv2.COLOR_HLS2BGR)
    result_img = ((result_img * 255).astype(np.uint8))

    print("High Saturation:")
    show_img(result_img)

我們實際上做了什麼事呢?

我們先來認識 HLS 顏色空間
(以下圖片引用自:https://zhuanlan.zhihu.com/p/67930839)

https://ithelp.ithome.com.tw/upload/images/20200915/20120424PScjF3eWKg.jpg

從上圖我們可以看見在 HLS 顏色空間 中色彩分佈的三維座標,
分別是 Hue(顏色)Lightness(亮度)Saturation(飽和度)
我們能透過這三維找到我們所需要的顏色,

至於看到這三維座標所代表的意義,
相信你們已經能了解我們怎麼改變 Lightness(亮度)Saturation(飽和度)了吧!

我們首先將int範圍(0~255)的顏色表示轉換為浮點數(0~1)
這樣方便我們做比例上的運算。

在上面提供的程式碼裡面,最後的結果會改變為 1 + x/100.0
我們改變的lightness, saturation值都是對應 x改變的% (正或負) 大小。

避免運算結果超過範圍,我們在運算後,將所有超過1的值皆設為1


Reference

http://help.corel.com/paintshop-pro/v20/main/ct/documentation/index.html#page/Corel_PaintShop_Pro/Adjusting_hue_and_saturation.html

https://www.itdaan.com/tw/6488189fb5d7d60b163039cd0a004f70

https://zhuanlan.zhihu.com/p/67930839

⭐Python OpenCV 相關文章整理⭐:
⭐基礎知識篇⭐:
1.【OpenCV】1 – 安裝 python OpenCV install 電腦中圖片的基本概念總整理 (附錄:OpenCV 快速測試用程式碼)
2.【OpenCV】2 – OpenCV 圖片的讀取、顯示、存檔 (load, show, save),附贈簡易理解「相對路徑」與「絕對路徑」
3.【OpenCV】OpenCV 利用 python OpenCV 查詢 image 大小, img shape sample code (內附範例程式碼)
⭐基本圖像處理篇⭐:
1.【OpenCV】OpenCV 利用 python OpenCV 縮放圖片 image 大小, cv2 resize (內附程式碼)
2.【OpenCV】3 – python OpenCV 的剪裁、旋轉、縮放 (crop, rotate, resize)
3.【OpenCV】4 – 運用 OpenCV 調整光線 (modify brightness, intensity)
4.【OpenCV】5 – 運用 OpenCV 調整亮度、飽和度(透過轉移至 HLS 顏色空間) modify lightness, saturation
5.【OpenCV】6 – 運用 OpenCV 調整色調(冷色系/暖色系)、色溫(白平衡)modify color temperature, white balance
6.【OpenCV】7 – 運用 OpenCV 為圖片增加一些顆粒感 (增加高斯噪點) add gaussian noise
7.【Op