HEX 轉 RGBA
解析 #RGB、#RGBA、#RRGGBB、#RRGGBBAA 四種格式，精確換算 alpha 為小數，逐通道核對後複製 rgba() 結果。
開啟工具 — HEX 轉 RGBAHEX 轉 RGBA vs RGBA 轉 HEX
HEX 轉 RGBA 與 RGBA 轉 HEX — 有什麼差別？
直接結論: 兩者互為鏡像。HEX 轉 RGBA 把 #RGB、#RGBA、#RRGGBB、#RRGGBBAA 解碼為 alpha 精確的 rgba()；RGBA 轉 HEX 把 rgb()、rgba() 編碼回 #RRGGBB 或八位 #RRGGBBAA。依目標格式選方向即可。
HEX 轉 RGBA 與 RGBA 轉 HEX 的比較
| HEX 轉 RGBA | RGBA 轉 HEX | |
|---|---|---|
| 用途 | 解析 #RGB、#RGBA、#RRGGBB、#RRGGBBAA 四種格式，精確換算 alpha 為小數，逐通道核對後複製 rgba() 結果。 | 把 rgb() 或 rgba() 轉為大寫十六進位，alpha 小於 1 時保留為兩位位元組，拒絕百分比通道，可複製或下載。 |
| 輸入 | #RGB、#RGBA、#RRGGBB 或 #RRGGBBAA | rgb() 或 rgba()——百分比寫法會被拒絕 |
| 輸出 | alpha 按位元組精確解碼的 rgba()，附即時色塊 | 大寫 #RRGGBB；alpha 小於 1 時為 #RRGGBBAA |
| 典型場景 | 從 hex 記號寫出 CSS 或 canvas 需要的 rgba() | 把顏色壓縮成精簡的 hex 記號供系統或工具使用 |
關鍵差異
HEX 轉 RGBA vs RGBA 轉 HEX
核心功能
取決於工作兩者都做顏色記法轉換，方向相反——一個解碼 HEX，一個編碼 HEX。
輸入
取決於工作HEX 一側接受四種簡寫與完整寫法；RGBA 一側接受函數記法，但拒絕百分比寫法。
輸出
取決於工作兩者都給出可複製字串與即時色塊；rgba() 讓 alpha 明確可見，HEX 僅在存在透明度時多兩位數字。
適用場景
取決於工作現代 CSS 或 canvas 程式碼需要 rgba() 就走 HEX 轉 RGBA；設計系統需要精簡記號就走 RGBA 轉 HEX。
這兩個工具
RGBA 轉 HEX
把 rgb() 或 rgba() 轉為大寫十六進位，alpha 小於 1 時保留為兩位位元組，拒絕百分比通道，可複製或下載。
開啟工具 — RGBA 轉 HEX相關比較
更多 Toolars 工具比較
常見問題
HEX 轉 RGBA 和 RGBA 轉 HEX 有什麼差別？
一個把 HEX 解碼為 rgba()，逐位展開 #RGB 和 #RGBA 簡寫；另一個把 rgb()、rgba() 編碼為 HEX，alpha 乘 255 四捨五入，僅在存在透明度時輸出八位。精度標準一致，方向相反。
HEX 轉 RGBA 和 RGBA 轉 HEX 可以一起用嗎？
可以——合在一起就是往返校驗。把一個 hex 值轉成 rgba() 再轉回來；如果得不到原來的數字，表示其中一個輸入使用了工具有意拒絕的語法。