TouchDesigner 像素取色器 Pixel Colour Picker|快速查看 TOP 中任意 Pixel 的顏色數值

想知道 TouchDesigner 中任一畫面的 Pixel 顏色?用 TOP 的 Pixel Viewer 工具,不需要任何複雜的操作即可快速取得 UV 座標、RGB 數值與像素位置,適合 Shader 測試、影像分析與視覺驗證。

Jul 15, 2025
💡
最近我們新開了一個 Line TouchDesigner 討論群組,歡迎大家加入一起討論與進步!
https://line.me/ti/g2/5IkAcg_6dF_CbR0oChIRWVoTRWQdSEHEVmcjtw
 
我們開課囉!八月開設新課程 TD104 (SOP) & DCI-02 (互動電子控制課程),歡迎報名參加~

⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
 
在使用 TouchDesigner 處理影像時,是否曾經想要知道畫面中某個 Pixel 的實際顏色數值呢?其實不需要任何複雜的操作,就可以用內建的功能來查看!
這項功能適用於任何 TOP Operator,不論是靜態圖、影片、Render (TOP),甚至是 Noise (TOP)、Feedback (TOP) 等生成圖像,都能直接取色。

操作步驟教學

只需要簡單 3 步驟,就能在 Viewer 裡即時查看像素資訊:

1. 開啟目標 TOP 的 Viewer 模式

點選你要查看的 TOP 節點,點按右下角的 Viewer 按鈕
notion image

2. 啟用 Pixel 顯示模式

在 Viewer 視窗中點擊滑鼠右鍵,會跳出選單。
選擇 ✅ Display Pixel Values(顯示像素資訊)。
notion image

3. 滑鼠移到任意畫面位置查看特定 Pixel

此時只要將滑鼠移動到畫面上,你會在左下角看到目前位置的像素資訊。
notion image
 

顯示資訊說明

啟用「Display Pixel Values」後,左下角會即時顯示以下數據:
項目
說明
UV 座標
像素位置對應到 0~1 空間的座標(浮點數)
XY 座標
實際像素位置(以解析度為單位的整數,例如 1920 x 1080)
RGB(0~255)
傳統色彩值,用於影像後製與顏色分析
RGB(0~1)
浮點數格式,TD 預設的顏色格式,適合數值運算與 GLSL 使用
這對於影像處理、色彩抽樣、或是驗證 shader 輸出非常方便!
 

小結

這個「像素取色器 Pixel Colour Picker」功能是許多初學者忽略的小工具,卻有著非常方便的功用:
  • 測試影像輸出是否正確
  • 比對顏色、濾鏡、遮罩範圍
  • 開發 GLSL Shader 或 DAT 資料分析時的重要輔助工具
不需要任何額外節點或程式,就能讓你了解畫面上的像素實際數據!
 
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
Luxmin Institute 互動研究院 策劃了一系列關於互動體驗技術、科技藝術與多媒體整合為核心的主題課程、工作坊、社群、聚會,以及 TXRX 互動體驗大會
關注我們最新的活動動態與報名資訊:https://www.threads.com/@luxmin.institute