若要在 Windows 上將十六進位色碼轉換為 RGB，請將像 #3A7BD5 這樣的 CSS 十六進位值貼到任何現代瀏覽器（Edge、Chrome、Firefox 或 Opera）中的 HEX to RGB 轉換器，然後讀取正規化後的 HEX、CSS rgb() 輸出，以及個別的紅、綠、藍和選用的 alpha 通道位元組。在 Windows 上處理 CSS、PowerPoint 調色盤、影像編輯器、設計 token 或遊戲模組的使用者，常常手邊握有一組剛從設計師、品牌指南、樣式表或 PowerToys 色彩選擇器工作階段中取得的十六進位代碼，需要將其拆解成可直接貼入腳本、測試固定資料、0–255 輸入欄位，或偏好 rgb() 而非 hash 代碼之樣式表的一般整數通道。由於運算方式是將 base-16 的 nibble 對應到 base-10 的位元組值，這個轉換在 Windows 10 和 Windows 11 上的行為完全一致——兩者皆可執行任何支援標準 CSS 色碼字串的當代瀏覽器。本文其餘部分將逐步說明完整的工作流程、工具接受的輸入格式，以及如何解讀輸出，確保您複製的通道值與目的端系統所預期的內容相符。

hex to rgb on windows
在 Windows 上將十六進位轉為 RGB：在瀏覽器中轉換 CSS Hex

如何在 Windows 瀏覽器中將十六進位轉換為 RGB

整個工作只需幾秒鐘就能在已釘選到工作列的任何瀏覽器中完成。您不需要 PowerShell、Node 環境、Visual Studio Code 擴充套件，也不需要系統管理員權限來安裝任何東西；轉換器會在本機頁面上開啟、解析並預覽該值，因此色彩字串絕不會離開當初輸入它的這台 Windows 機器。

  1. 在 Windows 10 或 Windows 11 上開啟 Edge、Chrome、Firefox 或 Opera，並前往 HEX to RGB 轉換器。
  2. 在輸入框中輸入或貼上以 # 開頭的 CSS 十六進位色彩。開頭的 # 為必要項目，且該值必須正好是 3、4、6 或 8 位數字，僅使用 0–9 與 A–F，內部不得包含空格。
  3. 讀取結果面板。工具會顯示正規化後的小寫十六進位值、一段 CSS rgb() 或 rgba() 字串，以及個別的通道位元組——紅、綠、藍，若輸入為 4 或 8 位數則還包含 alpha。
  4. 對於半透明色彩，請留意 alpha 位元組（0–255）、最多顯示至小數點後三位的十進位 alpha，以及精確至小數點後兩位的百分比；當需要精確來回轉換時，請保留八位數的正規化 HEX。
  5. 檢查即時預覽色塊以確認通道順序正確，然後複製下游工具、腳本或樣式表實際需要的格式。

轉換器接受的 CSS 十六進位格式

Windows 使用者通常會從設計應用程式、瀏覽器 DevTools、品牌 PDF，或像 PowerToys 這類螢幕色彩選擇器中複製十六進位字串。這些來源輸出的都是 CSS 標記法，也正是本轉換器所設計處理的對象。開頭的 # 為必要項目，值的主體必須正好是 3、4、6 或 8 位十六進位數字。任何其他情況——缺少 #、雙重 #、值內含空白字元，或出現 0–9 與 A–F 以外的字元——都會在原位產生明確的錯誤訊息，取代先前的結果，因此絕不會有過期的轉換結果被誤認為屬於當前的輸入。

這四種有效格式的長度不同，是否包含 alpha 也不同。下表摘要說明轉換器接受的格式以及各格式的解析方式。

格式範例展開為是否包含 alpha
#RGB#3A7#33AA77否——預覽中視為完全不透明
#RGBA#3A7F#33AA77FF是——最後一個位元組為 alpha
#RRGGBB#3A7BD5#3A7BD5否——預覽中視為完全不透明
#RRGGBBAA#3A7BD5CC#3A7BD5CC是——最後一個位元組為 alpha

簡寫標記法會在解析器將其拆分為位元組之前，先複製每個 nibble 來進行展開，這就是為什麼 #3A7 與 #33AA77 會產生相同的紅、綠、藍通道。大寫與小寫字母是等效的，因此 #3a7bd5、#3A7BD5 與 #3a7BD5 是同一個顏色。轉換器也會自動去除完整值周圍的一般空白字元，但當值格式錯誤時並不會默默猜測；反之，會以明確的錯誤訊息取代先前的結果。

解讀通道位元組與 alpha 值

CSS 十六進位色彩中的每個兩位數元件，都是介於 0 到 255 之間的整數位元組。十六進位的端點 00 與 FF 分別直接對應到 0 與 255。在八位數輸入中，最後一個位元組是 alpha，而 alpha 位元組會除以 255 得到介於 0 到 1 的不透明度。因此十六進位值 80 對應到位元組 128，以及約略 0.502 的不透明度，而 00 正好是 0，FF 正好是 1。可讀的 rgba() 輸出會顯示最多到小數點後三位的十進位 alpha，並去除尾端零；而精確的 0–255 alpha 位元組與正規化的八位數 HEX 則會一併顯示在旁邊。這種顯示上的四捨五入並不會改變原本正規化的八位數值——當您需要分享精確的半透明色彩時，請複製正規化的 HEX，而非四捨五入後的十進位值，因為簡短的十進位可能會損失少量的精度。

以下是一個將簡寫規則與通道運算結合的範例。輸入值 #123 是三位數的 CSS 十六進位色彩，因此轉換器會先展開每個 nibble：#1 變成 #11，#2 變成 #22，#3 變成 #33，得到正規化值 #112233。接著解析器依序讀取三個位元組：0x11 = 17，0x22 = 34，以及 0x33 = 51。因此 CSS 輸出為 rgb(17, 34, 51)。三位數輸入並未指定 alpha，所以預覽會將該色彩渲染為完全不透明。相同的規則也適用於四位數簡寫：#0f08 會展開為 #00ff0088，產生通道位元組 0、255、0 與 136，十進位 alpha 約為 0.533。

選擇要複製的值：HEX、rgb() 或通道位元組

轉換器之所以同時顯示多種輸出，是因為不同的使用情境需要不同的格式。當 API、canvas 操作、影像編輯器、設計 token 或測試固定資料需要在 0–255 範圍內的個別整數輸入時，請使用個別的通道位元組——紅、綠、藍，以及存在時的 alpha。當使用者是樣式表或任何接受 CSS 色彩函式的介面時，請使用 CSS rgb() 或 rgba() 字串。當您需要精確的來回轉換時，請保留正規化的八位數 HEX 值，特別是在半透明色彩中，簡短的十進位 alpha 會損失精度。即時預覽會在瀏覽器中使用所產生的字串，有助於抓取明顯的通道順序錯誤，但它並非色彩管理的參考依據——相同的數值 sRGB 色彩在不同的螢幕、瀏覽器色彩描述檔、顯示器亮度與環境光線下，看起來可能會不同，因此請勿將預覽視為兩種色彩相符的證明。

有一個值得特別提醒的 Windows 特定陷阱：PowerToys 的色彩選擇器會以多種 CSS 相容的標記法顯示所選色彩，而 Windows 內建的色彩選擇器介面——近期版本中的剪取工具編輯器，或設定中的色彩面板——也會公開十六進位值。兩者皆會以標準的 #RRGGBB 或 #RRGGBBAA 順序輸出 CSS 十六進位，alpha 置於最後。本轉換器遵循相同的慣例，不會將八位數值的第一個位元組重新解讀為 alpha——這是某些非 CSS 工具所使用的慣例。若您貼上的值出現異常行為，請再次確認來源並非 Android 風格的 #AARRGGBB 字串，再信任所得到的通道數字。

轉換器無法解析的內容

轉換器刻意採取嚴格的設計。它不會解析像 rebeccapurple 或 tomato 這類 CSS 命名色彩，也不會處理 hsl()、lab()、lch()、color()、系統色彩、CSS 自訂屬性、漸層或以逗號分隔的調色盤。它不會在色彩空間之間進行轉換——sRGB 進，sRGB 出——因此不會產生 Pantone 對應、CMYK 分色或實體油墨配方。若需要印刷端對 process-color 分色的估算，請將通道值送至 RGB to CMYK 轉換器；至於兩個色彩是否符合 WCAG AA 或 AAA 對比的無障礙問題，則請將數值交由色彩對比檢查器處理。本工具不會從影像中取樣像素、衡量感知差異，也不會聲稱兩個不同的數值色彩看起來相同。每次轉換都在目前的瀏覽器中本機執行，這表示您貼上的十六進位字串絕不會離開當初輸入它的這台 Windows 機器。

精確的語法——開頭必須有 # 的要求、有效的位數長度、簡寫標記法的數字複製規則，以及 alpha 置於最後的慣例——記載於 W3C CSS Color Module Level 4 十六進位標記法章節，以及 MDN 的 hex-color 參考文件，本轉換器皆遵循這些規範。

若想深入了解，請參閱 色彩混合器 HEX 混色背後的數學原理。

若想深入了解，請參閱 產生 CSS 核取方塊時可能出錯的地方。