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

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

Jul 15, 2025
🧰 TouchDesigner 工具庫 | Luxmin Institute on Patreon
我們把接案與展場現場累積下來的 TouchDesigner 元件、專案檔與製作系統,整理發佈在 Patreon,部分工具與 Demo 免費開放下載。
https://www.patreon.com/cw/LuxminInstitute
⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑⭑
 
在使用 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 (互動研究院) on Patreon
教學講的是觀念,工具則是我們在真實展場裡跑過、改過、確定能用的東西。TD 元件、專案檔、校正與製作流程都陸續發佈在 Patreon 上,免費層可以先看 Demo 與公開工具,付費層取得完整檔案與更新:
https://www.patreon.com/cw/LuxminInstitute
最新的活動動態與報名資訊:
https://www.threads.com/@luxmin.institute
 
如有相關專案或其他需求,請洽 luxmin.art