圖片飽和度與色相旋轉調節器 (Hue & Saturation)
圖片飽和度與色相旋轉調節器 (Hue & Saturation)：視覺創作者調整圖片的色彩鮮豔度或旋轉全圖色相 (0°~360°) 產生魔幻變色效果。
關於 圖片飽和度與色相旋轉調節器 (hue & saturation)
圖片飽和度與色相旋轉調節器 (Hue & Saturation)：圖片飽和度與色相旋轉調節器 (Hue & Saturation)：視覺創作者調整圖片的色彩鮮豔度或旋轉全圖色相 (0°~360°) 產生魔幻變色效果。
此工具的運作方式
影像處理工具運用 Canvas 像素緩衝區 (ImageData) 與 SVG 向量 DOM。點陣濾鏡執行直接 RGBA 緩衝區運算（雙色漸層映射、3x3 卷積銳化、誤差擴散抖動及色盤量化），SVG 工具則解析與標準化 XML 路徑幾何。
執行管線與計算架構：
- 本地記憶體緩衝區的輸入資料接收與語彙正規化清洗處理。
- 語法結構有效性驗證與領域不變量及極值邊界安全檢查。
- 確定性演算法核心轉換與高精度數學模型運算求值執行。
- 驗證結果序列化輸出、完整性校驗與即時診斷資訊標記生成。
實際範例與應用方式
實際應用場景： 旋轉 12×9 測試 PNG 的色相。
範例輸入：
演算法運算處理： Canvas 以 hue-rotate(180deg) saturate(1) 繪製。
示例輸出：
限制與特殊情況
需要可由瀏覽器解碼的圖片，結果取決於 Canvas 濾鏡。PNG 資料 URL 是點陣輸出，不是可逆 HSL 編輯、Raw 工作流程、色彩管理打樣，也不保證與其他應用程式或瀏覽器一致。
瀏覽器處理與隱私範圍
工具功能的設計是在瀏覽器中處理輸入，不會刻意將輸入傳送至 CZOA 工具處理伺服器。網站資源、流量分析或廣告可能另有網路請求。瀏覽器、擴充功能及裝置管理軟體不在此範圍內。
客戶端執行與驗證方法學
本工具的有效負載處理設計為在瀏覽器內透過 JavaScript 或 Web Worker 於本機執行。網站資源、流量分析或廣告可能另有網路請求。機密性、可重複性與延遲取決於瀏覽器環境，並非絕對保證。
遵循標準與技術規範
內容負責單位：CZOA Tools · 最後複核：2026-09-15 · 複核方法
使用方式
- 在工作區輸入資料或選擇支援的檔案。
- 檢查控制項並選擇可用的參數、單位、格式或範圍。
- 按下操作按鈕，或查看即時更新的計算結果。
- 確認診斷訊息與結果後，再複製或匯出。
常見問題
圖片色相與飽和調整器如何處理圖片？+
它以 Canvas 2D 的 hue-rotate(色相度數) saturate(值) 濾鏡繪製解碼圖片並回傳 PNG 資料 URL。瀏覽器夾具以 180 度色相、飽和 1 對照獨立濾鏡矩陣預期。
圖片色相與飽和調整器有哪些控制項？+
頁面有選擇圖片、色相範圍 -180 至 180（步進 1）、飽和範圍 0 至 3（步進 0.05）及在本機處理。沒有 HSL 選色器、曲線、選擇性色彩、白平衡、ICC、格式或批次控制項。
色相與飽和調整有哪些實際限制？+
需要可由瀏覽器解碼的圖片，結果取決於 Canvas 濾鏡。PNG 資料 URL 是點陣輸出，不是可逆 HSL 編輯、Raw 工作流程、色彩管理打樣，也不保證與其他應用程式或瀏覽器一致。
瀏覽器隔離證據對色相飽和證實什麼？+
夾具產生並獨立解碼 PNG 時，記錄請求沒有選取圖片負載；取樣的 180 度色相結果符合獨立矩陣預期。這只證實受測瀏覽器值路徑；資源、擴充功能、權限及其他網路環境不在觀測範圍。