TL
Tool Lab
💰捐贈
💰捐贈

HEX to RGBA

將 HEX 色碼轉換為含透明度的 RGBA

TransparentOpaque

關於本工具

HEX 轉 RGBA 轉換器可將十六進位色碼轉換為 RGBA 格式,並提供不透明度控制選項。網頁開發者在為 CSS 中的顏色新增透明度時會使用此工具,例如疊加層、陰影和半透明背景。

只需輸入十六進位色碼(3、6 或 8 個字元),工具即可立即輸出對應的 rgba() 值。你也可以調整 0 到 1 之間的 alpha(不透明度)值。

使用方法

  1. 輸入十六進位色碼(例如 #ff5733 或 #f53)。
  2. RGBA 輸出會即時更新。
  3. 調整 alpha 滑桿以設定不透明度(0 為透明,1 為不透明)。
  4. 複製 rgba() 值並貼到你的 CSS 中。
  5. 使用 8 位數十六進位(#RRGGBBAA)直接編碼 alpha 值。

使用情境

適用於 CSS 疊加層、box-shadow 顏色、半透明 UI 元件,以及任何需要為特定十六進位色碼新增不透明度的場合。

常見問題

  • 什麼是 RGBA?RGBA 是一種 CSS 顏色格式:紅、綠、藍與 Alpha(不透明度)。alpha 通道範圍從 0(完全透明)到 1(完全不透明)。
  • 可以轉換 3 位數的十六進位色碼嗎?可以。#abc 會在轉換前自動展開為 #aabbcc。
  • 8 位數十六進位代表什麼意思?像 #FF5733AA 這樣的 8 位數十六進位,最後兩位包含 alpha 通道,同樣可以直接對應到 RGBA。
  • 可以貼上 CSS 顏色名稱嗎?不,僅支援十六進位色碼。請先使用取色器將色彩名稱轉換為十六進位色碼。