透明度計算

透明度計算

這是透明度計算器。透明度（alpha）是顏色有多透：1 是實色，0 是看不見。給 HEX 設 alpha，得到 CSS 用的 rgba()、HEX8、hsla()，再疊到背景上壓成一顆實色 HEX。50% 的 #3B82F6 疊在白上，公式是 前景 × a + 背景 × (1 − a)。

如何使用

1. 前景、背景可貼 HEX、點色塊、隨機、示例，或在支援的瀏覽器裡從螢幕取色。
2. 透明度可以是 0–1、0–255 或 %。滑條是 0–100%。預設 10%、25%、50%、75%、90%。
3. 棋盤格上看單獨的 rgba()。另一條是疊在背景上。大色塊是壓實後的顏色。
4. 可複製 rgba()、hsla()、HEX8、實色 HEX、CSS 變數。顯示示例是 #3B82F6、50%、白底。複製結果複製 rgba()。
5. 批次一列寫前景、背景、透明度。填入示例三列，表裡是實色 HEX 和 rgba()。

注意事項

貼 #3B82F680 或帶 alpha 的 rgba() 會改滑條。透明度 0 是背景，1 是前景。元素的 opacity 會連子元素一起淡；rgba() 只淡這顆顏色。混合按 sRGB，和 CSS 合成一致。HEX 轉 RGBA 只寫通道；加白加黑是往白或黑混。非法 HEX 會報錯。相關：HEX 轉 RGBA、加白加黑。

用在哪裡

• 遮罩、玻璃卡片、照片上 40% 黑。
• 把 Figma 半透明色壓成郵件或不吃 rgba() 的 CSS。
• 看 50% 品牌藍疊在白底和深灰底上分別是哪顆色。

常見問題