轉換 HEX 與 RGBA 同時保留透明度

如果半透明顏色在複製後變成實心，請檢查你複製的是哪種輸出。六位數的 HEX 顏色只包含紅、綠、藍三色，沒有 Alpha 通道。在顏色轉換器中，若想保留透明度，請使用 HEX · 含 Alpha、RGBA、HSLA 或 現代 CSS。

在 要轉換的顏色 輸入框試試 rgba(255, 136, 0, 0.5)。預覽會顯示相同的橘色，背景分別是棋盤格、白色和深色。實心與半透明輸出並排顯示，選擇很重要。

複製保留 Alpha 的輸出

對此輸入，工具會產生：

/* Opaque: alpha is omitted */
#FF8800
rgb(255, 136, 0)

/* Keeps the decimal alpha */
rgba(255, 136, 0, 0.5)
rgb(255 136 0 / 50%)

/* Alpha rounded to one byte */
#FF880080

使用你需要格式旁的複製按鈕。複製 CSS 變數 會提供兩個變數：--color 是不透明的，--color-alpha 則以現代 RGB 語法保留透明度。若用第一個變數作為覆蓋色，即使同段程式碼中有第二個變數，顏色仍會變成實心。

你可以下載CSS 範例，在自己的樣式表中試用。此標記法不會自動選擇元素或 CSS 屬性。

為什麼 50% 在 HEX 中約為 50.2%

CSS 使用八位數 HEX 顏色的最後兩位表示 Alpha。00 是完全透明，FF 是完全不透明；MDN 的 HEX 參考說明了順序與簡寫語法。

Alpha 有 256 種可能的位元組值。0 和 255 的中間是 127.5，因此轉換器會將 50% 四捨五入為 128，寫成 80。讀回該位元組即是 128 ÷ 255，約為 50.1961%。

將 #FF880080 貼回輸入框，工具會顯示 rgba(255, 136, 0, 0.501961)。這個微小差異是量化誤差，不是第二個不透明度設定。需要精確保留 0.5 時，請使用小數 Alpha 形式；其他輸入的顯示小數值仍可能被四捨五入。

短 HEX 可能隱藏更大差異

以下輸入容易混淆：

四位數 HEX 的每個字元會重複一次。最後的 8 變成 88，而非 80，所以上面短 HEX 不是 50% 的簡寫。 轉換結果 包含這三個輸入和橘色範例。

發布前請檢查背景

顏色值相同不保證在每種背景上外觀一致。轉換器的白色與深色預覽能幫助你發現覆蓋色依賴背景。用於文字時，也要檢查實際的文字與背景組合；我們的對比度指南有詳細說明。

此轉換器支援列出的 HEX、RGB、HSL 和 HSV 輸入。不會解析 CSS 變數、除 transparent 外的命名顏色，或寬色域色彩空間。CMYK 輸出是無印刷設定檔的近似值，HSV/CMYK 標記法不是可直接貼入樣式表的 CSS 值。

我們於 2026 年 10 月 21 日用工具檢查這些範例。結果紀錄保存了解析的通道與格式化輸出，並非顯示校正或印刷色彩測試。