HEX to RGBA
將 HEX 色碼轉換為含透明度的 RGBA
TransparentOpaque
關於本工具
HEX 轉 RGBA 轉換器可將十六進位色碼轉換為 RGBA 格式,並提供不透明度控制選項。網頁開發者在為 CSS 中的顏色新增透明度時會使用此工具,例如疊加層、陰影和半透明背景。
只需輸入十六進位色碼(3、6 或 8 個字元),工具即可立即輸出對應的 rgba() 值。你也可以調整 0 到 1 之間的 alpha(不透明度)值。
使用方法
- 輸入十六進位色碼(例如 #ff5733 或 #f53)。
- RGBA 輸出會即時更新。
- 調整 alpha 滑桿以設定不透明度(0 為透明,1 為不透明)。
- 複製 rgba() 值並貼到你的 CSS 中。
- 使用 8 位數十六進位(#RRGGBBAA)直接編碼 alpha 值。
使用情境
適用於 CSS 疊加層、box-shadow 顏色、半透明 UI 元件,以及任何需要為特定十六進位色碼新增不透明度的場合。
常見問題
- 什麼是 RGBA? — RGBA 是一種 CSS 顏色格式:紅、綠、藍與 Alpha(不透明度)。alpha 通道範圍從 0(完全透明)到 1(完全不透明)。
- 可以轉換 3 位數的十六進位色碼嗎? — 可以。#abc 會在轉換前自動展開為 #aabbcc。
- 8 位數十六進位代表什麼意思? — 像 #FF5733AA 這樣的 8 位數十六進位,最後兩位包含 alpha 通道,同樣可以直接對應到 RGBA。
- 可以貼上 CSS 顏色名稱嗎? — 不,僅支援十六進位色碼。請先使用取色器將色彩名稱轉換為十六進位色碼。