跳至主要內容
Lizely

RGB 轉 HSV 轉換器

將整數 RGB 通道轉換為色調、飽和度與亮度，並設定明確範圍，正確處理無色調情況，並提供即時色彩預覽。

隱私權：你的檔案不會離開裝置，所有處理均在瀏覽器本機完成。

使用方式

  1. 1.輸入紅、綠、藍通道的整數值，範圍為 0 至 255。
  2. 2.點選「轉換為 HSV」，並讀取以度為單位的色調，以及以百分比表示的飽和度與亮度。
  3. 3.轉移前請確認目的地預期的是度數與百分比、零至一的分數，還是緊湊的整數範圍。

關於RGB 轉 HSV 轉換器

RGB 轉 HSV 轉換器將 sRGB 風格的三元組轉換為常見於色彩選擇器與圖形應用的色調、飽和度與亮度表示法。請輸入紅、綠、藍通道的整數值（範圍為 0 至 255），然後點選「轉換為 HSV」。結果顯示色調在 0 至 360 度的圓圈上，飽和度與亮度以百分比顯示，並提供標準化 HSV 記法、原始 HEX 碼與視覺樣張。輸入值持續可見，讓你可以修改任一通道並觀察三種 HSV 成分的變化。

RGB 係以加法紅、綠、藍三色通道數量來描述一種顏色。HSV 則將相同三元組重新組織，使其圍繞較常見於調整的屬性。色調識別出顏色輪盤上的位置：紅色從 0 度開始，黃色為 60，綠色為 120，青色為 180，藍色為 240，而洋紅色為 300。飽和度測量顏色與灰度軸之間的距離，相對於其值。價值是最大規範化的 RGB 通道，因此它追蹤最強通道，而非感知亮度。HSV 值與 HSL 明度或測量亮度並非相同數量。

計算過程首先將每個整數通道除以 255，找出最大值、最小值及其差值。亮度等於最大值。當最大值為零時，飽和度為零；否則為差值除以最大值。色調取決於哪個通道為最大值，以及另外兩個通道的相對位置，負值會被轉換為非負度數範圍。若三個通道皆相等，則差值與飽和度皆為零。此情況下，色調無視覺意義，因此本工具報告常見的佔位符 0 度，並說明此選擇的由來。

輸出範圍遵循 Android Color 檔案說明：色調至少為零且小於 360，而飽和度與亮度則在零至一之間，顯示時轉為百分比。此實現已獨立驗證對應 R grDevices rgb2hsv 標準，適用於典型 0 至 255 sRGB 輸入。標準測試涵蓋六種基本與次級色輪位置、黑色與中灰。介面顯示兩位小數以提升可讀性，但內部結果在格式化前仍為未四捨五入的 JavaScript 數值。

僅接受範圍為 0 至 255 的有限整數通道。小數值、空欄、負數或超過 255 的值將產生明確錯誤，而非被靜默四捨五入或截斷。此嚴格邊界在原始碼為 8 位 RGB 碼的情況下尤為重要，可避免筆誤導致產生看似合理但實際不同的色彩。產生的 HEX 字串每通道使用兩位小寫十六進位數字。透明度（Alpha）不在此範圍內，因為透明度不會影響 RGB 至 HSV 的計算。

此轉換器完全在瀏覽器中執行，不會儲存色彩歷史紀錄。適用於 CSS 探索、圖形指令碼、教學、比較調色盤座標，以及將 8 位 RGB 樣本轉換至以 HSV 為基礎的控制。它不會讀取嵌入圖片的屬性檔案，也不會在廣色域色彩空間之間轉換，亦無法保證其他應用程式會以完全相同的準則四捨五入顯示值。部分軟體會以 0 至 179 或 0 至 255 的整數範圍儲存色調，以節省空間；本頁面刻意以度數與百分比顯示。

轉移結果時，請確認目的地預期的尺度。顯示為 80.90% 的飽和度對應於零至一 API 中的約 0.809，而非整數 80，除非該程式明確使用百分比。若目的地預期 HSL，請使用 HSL 轉換器，而非僅重新標註值組成。對於可訪問性介面設計，僅轉換本身無法說明可讀性；應使用 Color Contrast Checker 測試實際的前景與背景對比。本工具僅提供明確的座標轉換，並非主觀的色彩名稱或設計建議。

方法與來源

每個有效驗證的 8 位通道除以 255。亮度為 R、G、B 中的最大值，飽和度為差值除以最大值（在黑色時為零），色調使用標準最大通道分段公式，負值會被加上 360 進行轉換。無色調的顏色會返回飽和度為零與佔位符色調為零。格式化僅在計算完成後進行。

常見問題

當紅、綠、藍三通道相等時會發生什麼情況？
此時色彩為無色調，飽和度為零，視覺上無色調。本工具報告常見的佔位符色調為 0 度。
HSV 亮度等於 HSL 的亮度嗎？
不。HSV 亮度為最大歸一化 RGB 通道，而 HSL 亮度則使用最大與最小通道的平均值。
為何拒絕小數 RGB 輸入？
此介面針對普通 8 位 RGB 通道設計，因此每個輸入必須為範圍內的整數，從 0 至 255。
顯示的百分比是精確的嗎？
計算過程使用完整浮點數值，介面則將色調、飽和度與亮度四捨五入至兩位小數以顯示。

相關工具

色彩工具 使用指南

查看全部