➣ Reading Time: 16 minutes

先來看看今天的結果圖

cv2_text

繼續請我們的貓貓助教來幫忙XDDDD

-> 此篇文章的程式碼 github

Day13_文字查色碼顯示色碼_text_get_show_RGBColorCode.ipynb

前言

完成下一份我們的大作前,我們先來補充一些基本技能吧!
畢竟基本技能才是最經常被我們使用的呢!

運用 OpenCV 在圖片上寫文字、查色碼、顯示色碼顏色

運用 OpenCV 在圖片上寫文字

def write_text(img):
    text = "FONT_HERSHEY_SIMPLEX"
    position = (10, 40)
    font = cv2.FONT_HERSHEY_SIMPLEX
    size = 1
    color = (0, 255, 255)
    thickness = 1
    lineType =  cv2.LINE_AA
    cv2.putText(img, text, position, font, size, color, thickness, lineType)

return img

重點在 cv2.putText 那一行,
其他都是在設定相關的參數~ 可以依照需求變動。

cv2.putText(img, text, position, font, size, color, thickness, lineType)

  • img 原圖
  • text 要寫的文字
  • position 寫文字的位置
  • font 字體 (可以參考下圖)
  • size 字體大小
  • color 字的顏色
  • thickness 字的線條寬度
  • lineType 線條種類

字體範例參考

關於字體的種類,可以見以下的範例字型:

cv2.putText(img, "FONT_HERSHEY_PLAIN", (10, 80), cv2.FONT_HERSHEY_PLAIN, 1, (0, 255, 255), 1, cv2.LINE_AA)
cv2.putText(img, "FONT_HERSHEY_DUPLEX", (10, 120), cv2.FONT_HERSHEY_DUPLEX, 1, (0, 255, 255), 1, cv2.LINE_AA)
cv2.putText(img, "FONT_HERSHEY_COMPLEX", (10, 160), cv2.FONT_HERSHEY_COMPLEX, 1, (0, 255, 255), 1, cv2.LINE_AA)
cv2.putText(img, "FONT_HERSHEY_TRIPLEX", (10, 200), cv2.FONT_HERSHEY_TRIPLEX, 1, (0, 255, 255), 1, cv2.LINE_AA)
cv2.putText(img, "FONT_HERSHEY_COMPLEX_SMALL", (10, 240), cv2.FONT_HERSHEY_COMPLEX_SMALL, 1, (0, 255, 255), 1, cv2.LINE_AA)
cv2.putText(img, "FONT_HERSHEY_SCRIPT_SIMPLEX", (10, 280), cv2.FONT_HERSHEY_SCRIPT_SIMPLEX, 1, (0, 255, 255), 1, cv2.LINE_AA)
cv2.putText(img, "FONT_HERSHEY_SCRIPT_COMPLEX", (10, 320), cv2.FONT_HERSHEY_SCRIPT_COMPLEX, 1, (0, 255, 255), 1, cv2.LINE_AA)

cv2_text

(個人常用區) 我經常使用的程式碼片段 – 傳入 (x, y)

這部份就是我的個人偏好了XD,
讀者參考上述的內容應該也能改出具有個人特色的文字內容!

def write_text(img, text, position = (0, 0)):
    font = cv2.FONT_HERSHEY_SIMPLEX
    size = 1
    color = (0, 255, 255)
    thickness = 2
    lineType =  cv2.LINE_AA
    cv2.putText(img, text, position, font, size, color, thickness, lineType)

    return img

(個人常用區) 我經常使用的程式碼片段 – 傳入 bbox, 顯示文字在 bbox 上方

def write_text(img, bbox, text="", color=(0, 0, 0)):
    position = (int(bbox[0]), int(bbox[1])-30)
    cv2.putText(img, text, position, cv2.FONT_HERSHEY_DUPLEX, 1, color, 1, cv2.LINE_AA)

    return img

運用 OpenCV 查色碼

查詢色碼我們這裡提供兩種方法,這裡我們想查詢貓身上的顏色,大約是 x=500, y=400 的位置

cv2_color_code

大約在這裡!!!

運用 OpenCV 查色碼 – 方法一

def get_RGBColorCode(img, x=0 ,y=0):
    # method 1
    (B, G, R) = cv2.split(img) # 3 channel
    b, g, r  = B[y ,x], G[y ,x], R[y ,x]
    print("RGB = ({}, {}, {})".format(r, g, b))

我們的第一種方法,是將整張圖的RGB拆成三個通道,
再由各自的通道去找對應的座標點,
得到我們指定位置的RGB。

RGB = (193, 163, 125)

運用 OpenCV 查色碼 – 方法二

def get_RGBColorCode(img, x=0 ,y=0):
    # method 2
    b, g, r  = img[y, x]
    print("RGB = ({}, {}, {})".format(r, g, b))

我們的第二種方法,是直接找指定座標點的rgb,
寫法看起來就乾淨很多,要注意順序是先y後x
跟我們的直覺有些不同。

RGB = (193, 163, 125)

運用 OpenCV 查色碼 – HEX

def get_RGBColorCode(img, x=0 ,y=0):
    # method 2
    b, g, r  = img[y, x]
    print("RGB = ({}, {}, {})".format(r, g, b))

    # 轉成我們常見的 Hex 色碼
    rgb_hex = hex(r)[-2:] + hex(g)[-2:] + hex(b)[-2:]
    print("RGB Hex = #{}".format(rgb_hex))

最後提供一個我們常見的HEX色碼的產生方法,
方便我們查詢顏色。

RGB Hex = #c1a37d

運用 OpenCV 顯示色碼顏色

運用 OpenCV 顯示色碼顏色 – RGB

def show_RGBColorCode(r=0 ,g=0, b=0):
    img = np.array([[[b, g, r]]], dtype=np.uint8)
    show_img(img)

我們傳入rgb的三個值,然後直接建立一個有三個顏色的通道,產生結果顏色。

運用 OpenCV 顯示色碼顏色 – HEX

def show_RGBColorCode_fromHEX(hex='000000'):
    try:
        r, g, b = int(hex[0:2], 16), int(hex[2:4], 16), int(hex[4:6], 16)
        img = np.array([[[b, g, r]]], dtype=np.uint8)
        show_img(img)
    except:  
        print("HEX Color Code Error !")   

這個是特別為了 HEX色碼 產生顏色所寫的,
使用 try-except 是避免輸入色碼錯誤,
不過這裡寫的是簡單版的,只能除掉簡單的輸入錯誤而已哦~

不過沒有人會想沒事故意輸入錯誤吧XDDD


本文同步發佈在: 第 12 屆 iT 邦幫忙鐵人賽
【沒錢ps,我用OpenCV!】Day 13 – 基本修圖5,運用 OpenCV 在圖片上寫文字、查色碼、顯示色碼顏色 write text, get and show RGB Color Code


Reference

https://blog.csdn.net/sunny2038/article/details/9080047

https://www.itread01.com/content/1540965316.html

⭐Python OpenCV 相關文章整理⭐:
⭐基礎知識篇⭐:
1.【OpenCV】1 – 安裝 python OpenCV install 電腦中圖片的基本概念總整理
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.【OpenCV】8 – 運用 OpenCV 改變圖片的對比度 modify contrast (內含:網路上常見錯誤調整對比度方式的分析)
8.【OpenCV】9 – 運用 OpenCV 降低圖片的高光 reduce highlights
9.【OpenCV】11 – OpenCV 建立新空白圖、畫點、畫圓 create new pictures, draw points and draw circle
10.【OpenCV】12 – 運用 OpenCV 畫線、畫矩形、畫橢圓 draw lines, draw rectangle, draw ellipse
11.【OpenCV】13 – 運用 OpenCV 在圖片上寫文字、查色碼、顯示色碼顏色 write text, get and show RGB Color Code
⭐進階圖像處理篇⭐:
1.【OpenCV】14 – 運用 OpenCV 顯示圖片直方圖、分離與合併RGB通道 show histogram, split, merge RGB channel
2.【OpenCV】15 – OpenCV 當然也有像 ps 圖層的功能! 什麼?圖片也能加減法?! Add, Subtract, AddWeighted
3.【OpenCV】16 – 運用 OpenCV 幫助我們找圖片的輪廓(高斯模糊、Canny) cv2.GaussianBlur, cv2.Canny
4.【OpenCV】17 – 運用 OpenCV 的終極圖層處理大全, 想P圖該怎麼P (bitwise_or, and, xor, not, addWeighted)
5.【OpenCV】18 – 運用 OpenCV 做圖片二值化,產生黑白的圖片吧!cv2.threshold 各種選擇參數大全
6.【OpenCV】19 – OpenCV 的圖片自適應二值化,產生更好效果的黑白圖片!cv2.adaptiveThreshold
7.【OpenCV】20 – OpenCV 的各種 Threshold 方法整理,Otsu’s Threshold 大津二值化,自動計算最佳閥值,做出最好的黑白效果圖!
8.【OpenCV】26 – 銳化圖片,將模糊的圖片變得更清晰吧! sharpen images
⭐冷門應用篇⭐:
1.【OpenCV】python OpenCV 分析影像模糊程度 檢測圖片模糊 blur sample code (內含範例程式碼)
2.【OpenCV】21 – OpenCV 也有 photoshop 的魔術棒工具?! 漫水填充法 cv2.floodFill (Magic Wand Tool)
3.【OpenCV】27 – 顏色映射 – OpenCV 內建的自動配色?! auto recolor images, cv2.applyColorMap
⭐影片處理篇⭐:
1.【OpenCV】OpenCV 利用 python OpenCV 將圖片製作成一部影片 (內附程式碼) make video from images
2.【OpenCV】OpenCV 利用 python OpenCV 將一部影片拆成一張張圖片 sample code (內附程式碼) get images from video
3.【OpenCV】用 OpenCV 開啟 rtsp 即時影像串流 sample code (內含範例程式碼) – python OpenCV rtsp
4.【OpenCV】python pyinotify video player 利用 OpenCV + inotify 製作即時影片播放器 sample code (內含範例程式碼)
⭐綜合應用篇⭐:
1.【OpenCV】10 – 日系濾鏡總集篇,運用 OpenCV 製作屬於自己的濾鏡吧 (內含可於網頁上直接完成濾鏡的 colab )
2.【OpenCV】22 – 綜合運用1,用 OpenCV 來P圖囉! 來運用各種之前學習的各種東西吧! merge two images
3.【OpenCV】23 – 綜合運用2,(資料標註) 用 OpenCV 來製作一個標記點小工具吧! 滑鼠與視窗控制 label points
4.【OpenCV】24 – 綜合運用3,(應用app) 用 OpenCV 來製作一個照片文件掃描機吧! photo scanner 透視投影
5.【OpenCV】25 – 綜合運用4,用 OpenCV 來把圖片p到各種奇怪的地方吧! 透視投影 cv2.warpPerspective, merge two images
6.【OpenCV】28 – Final Project v1,於是沒錢買ps的我,開發了自己的photoshop,我的天啊 My photoshop made by OpenCV
7.【OpenCV】29 – Final Project v2,於是沒錢買ps的我,開發了自己的photoshop,我的天啊 My photoshop made by OpenCV
8.【OpenCV】30 – Final Project v3,於是沒錢買ps的我,開發了自己的photoshop,我的天啊 My photoshop made by OpenCV
9.【OpenCV】用 python OpenCV 計算 iou 的方法 (內附範例程式碼) sample code
⭐【喜歡我的文章嗎? 幫忙按讚除了鼓勵外,我也會將部分所得捐出!
如果喜歡我的文章,請幫我在下方【按五下Like】 (Google, Facebook 免費註冊),會由 「LikeCoin」 贊助作者鼓勵繼續創作,扣除掉網站本身經營的成本 (可惜目前還是虧本的),我會將 【50% 收益全部捐出】 並公開發文,讀者們「只需幫忙按讚,完全不用出錢」哦!

likecoin-steps