在 Windows 上,從一組 8 位元 RGB 三元組快速取得可用 HSV 結果的最短路徑,就是使用瀏覽器版的 RGB to HSV Converter:輸入 0 到 255 之間的三個整數色頻,點選 Convert to HSV,即可讀出色相(單位為度)以及以百分比表示的飽和度與明度——整套流程無需安裝軟體、無需變更系統設定,也不必取得系統管理員權限。由於轉換器完全在瀏覽器分頁內執行,因此在 Windows 10 與 Windows 11 上的 Microsoft Edge、Chrome、Firefox,以及在遠端桌面或虛擬機工作階段中,運作方式完全相同。輸出遵循 Android Color documentation 所採用的慣例:色相以 0–360 度的圓周表示,而飽和度與明度則是 0 到 1 的比例,介面會將其格式化為百分比以方便快速判讀。嚴格的 0–255 整數輸入邊界是刻意設計的:它能在輸入 256 這類錯字悄悄把已知顏色轉成另一個顏色之前先行攔下,而這類錯誤在圖形管線中往往難以事後追蹤。

如何在 Windows 上將 RGB 轉換為 HSV
只要頁面開啟,轉換只需片刻。這個工具預期接收一般的 8 位元色頻值,因此無論顏色來自 Windows 應用程式、螢幕擷取或 CSS 規則,輸入格式都已相符。小數輸入、空欄位、負數以及超過 255 的數值會在第一時間被拒絕,而不是被悄悄夾限,這樣能確保結果對應到你實際輸入的顏色,而非某個悄悄四捨五入後的近似值。
- 在 Windows 10 或 Windows 11 的 Edge、Chrome 或 Firefox 中開啟 RGB to HSV Converter 頁面。
- 輸入紅、綠、藍三個色頻的整數值。每個欄位接受 0 到 255 的整數。
- 點選 Convert to HSV。色相以度數顯示,飽和度與明度以百分比顯示並四捨五入至小數兩位,同一畫面中也會更新來源的 HEX 值與顏色色塊。
- 確認目的端所使用的刻度——度數與百分比、0 到 1 的小數,或是壓縮的整數範圍——然後複製對應格式的各個分量。
如果目的端其實是 HSL 而非 HSV,請改走專門的 HSL 流程。HSV 的明度與 HSL 的亮度是不同的量,因此把明度分量直接重新標記,在以 HSL 為基礎的控制項中會產生錯誤的顏色。
為何瀏覽器分頁是 Windows 上的務實選擇
Microsoft Edge 隨 Windows 10 與 Windows 11 內建,這意味著基於瀏覽器的轉換器只需要點選一個連結即可使用——不必造訪 Microsoft Store、不必執行 MSI 安裝程式、不必啟用具有權限的 PowerShell 工作階段,也不需要群組原則例外。該頁面也能在 Chrome、Firefox 以及機器上安裝的任何其他 Chromium 或 Gecko 核心瀏覽器中運作,因此無論工作站是單筆電還是已加入網域的桌機,工作流程都完全一致。由於計算完全在分頁內進行,不會將任何顏色資料送往遠端伺服器,工作階段之間也不會保存任何顏色歷史紀錄,這在處理品牌色或尚未公開的調色草稿時特別重要。
瀏覽器做法同時也補足了 Windows 上既有工具的不足。PowerToys 的 Color Picker 能讀取像素並顯示 HEX 與 RGB,但不會直接顯示 HSV。Paint 與 Paint 3D 也不會顯示 HSV 色頻。剪取工具與 Snip & Sketch 能將游標處的像素以 RGB 顯示,但同樣不會顯示 HSV。瀏覽器分頁正好補上了這個缺口,又不必在系統上再加裝額外工具,而且在遠端桌面、虛擬機視窗以及額外軟體安裝受限的 Windows Sandbox 中都能持續使用。
色相、飽和度與明度:各分量的意義
HSV 重新整理了 RGB 所儲存的同一組三筆資訊,但改以通常更便於手動調整的屬性來分類。色相代表在色輪上的位置。飽和度衡量該顏色在相同明度下遠離中性灰的程度。明度則衡量最強色頻相對於全亮的強度。
在轉換器內部,每個 0–255 的色頻在運算前都會先除以 255,因此工作範圍為 0 到 1。明度等於這三個標準化色頻中的最大值,這代表明度追蹤的是最突出的原色,而非感知亮度。飽和度等於最大值與最小值色頻之差再除以最大值;當最大值為零時,飽和度定義為零,以維持黑色的明確定義。色相則依哪個色頻為最大值分段計算,任何介於運算過程中的負值都會被包回 0–360 的範圍內。
以純綠色 R = 0、G = 255、B = 0 為例。標準化後,max = 1,min = 0,兩者之差為 1。明度為 1,介面顯示為 100.00%。飽和度為差值除以最大值,1 / 1 = 1,顯示為 100.00%。由於綠色色頻為最大值,分段公式得出色相 = 60 × ((B − R) / 1 + 2) = 60 × 2 = 120 度。回報的三元組為色相 120.00°、飽和度 100.00%、明度 100.00%,恰好落在標準色輪上綠色所屬的位置。
色相輪參考:六個錨點角度
這個工具以 0–360 度的圓周來表示色相。其中六個角度作為錨點,方便在將結果複製到其他應用程式前進行快速核對。下表列出每個錨點及其慣用角度,與 HSV 選色器所使用的參考位置一致。
| 色相(度) | 錨點顏色 |
|---|---|
| 0 | 紅 |
| 60 | 黃 |
| 120 | 綠 |
| 180 | 青 |
| 240 | 藍 |
| 300 | 洋紅 |
這六個數值並非衍生自轉換器的輸出,而是轉換常式本身所使用的慣用參考點。任何結果若落在這些錨點附近,都是輸入欄位填寫正確的快速視覺線索。
對齊 Windows 軟體所預期的刻度
HSV 是單一的色彩模型,但不同 Windows 軟體會以不同的數值刻度來表示其三個分量。轉換器一律以度數與百分比顯示,因為這是多數選色器與 CSS 工具所預期的格式。其他 Windows 程式庫則將相同數值儲存在壓縮範圍內,而刻度不符正是「顏色看起來有點不對」除錯工作中常見的原因之一。
| 刻度 | 色相範圍 | 飽和度/明度範圍 | Windows 上的典型用途 |
|---|---|---|---|
| 度數與百分比 | 0 至接近 360 | 0% 至 100% | 選色器、CSS 濾鏡、設計工具 |
| 0 到 1 的小數 | 0 至接近 360 | 0 至 1 | DirectX XMVECTOR 與許多圖形 API |
| 壓縮整數範圍 | 0 至 179 或 0 至 255 | 0 至 255 | 部分影像處理程式庫與壓縮像素格式 |
舉例來說,轉換器上顯示為 80.90% 的飽和度,在 0 到 1 的 API 中大約對應於 0.809。只有當目的程式確實使用百分比時,它才會等同於整數 80。轉換器的範圍慣例所依循的 Android Color documentation,在顯示前是以 0 到 1 的範圍儲存飽和度與明度,而部分 Windows 圖形程式庫也採用相同的慣例。
無彩色彩與等色頻行為
當紅、綠、藍三個色頻相等時,顏色屬於無彩色——它是某個深淺的灰色而非某個色相。此情況下最大值與最小值色頻重合,兩者之差為零,飽和度依定義為零。然而色相在此情形下並無可見的角度,因為灰色樣本無法被擺放到色輪上。轉換器以回報慣用的色相占位值 0 度以及飽和度 0.00% 來處理這個邊界情況,這也是 R grDevices rgb2hsv 等參考實作所採用的行為。
這在 Windows 上很重要,因為系統灰色、對話方塊的預設背景,以及許多控制項的非作用中狀態顏色都是無彩色。若下游控制項不接受零值色相作為合法值,最乾淨的處理方式是保留占位值,讓飽和度決定該顏色是否應被視為灰色,而非從其中一個相等色頻重新推導出色相。
超越轉換本身:Windows 上的後續步驟
一組 HSV 三元組很少是最終結果。一旦 Windows 工作流程取得正確的色相,設計師通常會想要圍繞該錨點建立更廣的調色盤,開發人員則想確認可存取性,而圖形程式碼可能需要完全不同的色彩空間。若要圍繞轉換後的顏色建立調色盤,Color Palette Generator 可以從任何基礎輸入回傳互補、類似與三等分關係。就可存取介面工作而言,單純轉換無法說明可讀性——前景與背景的搭配仍須透過 Color Contrast Checker 依 WCAG 規則進行檢查。對於以壓縮整數範圍儲存色相、或預期 0 到 1 小數的圖形腳本,最安全的做法是保留轉換器的顯示不動,並在目的端再次轉換,而不是手動改寫百分比進而引入四捨五入誤差。
若要更深入了解轉換本身,包括分段公式如何處理各錨點顏色,以及輸入觸發嚴格 0–255 邊界時該怎麼處理,RGB to HSV Converter: Hue Scales and Edge Cases 指南會從不同角度逐步說明相同的計算。
想進一步了解,請參閱 Reading RGB for CMYK Without a Color Profile。