十六進位轉RGBA

使用不透明度滑桿將十六進位顏色轉換為紅色、綠色、藍色和 Alpha 值。

十六進位顏色
不透明度 100%
RGBA 值
預覽

將十六進位顏色轉換為具有不透明度的 RGBA

Hex 到 RGBA 將 CSS 十六進位顏色轉換為紅色、綠色、藍色和 alpha 表示法。 當您需要透明疊加、UI 顏色標記、CSS 值或具有不透明度的可預覽顏色時使用它。

十六進位輸入可以是 3 位元速記形式或 6 位元顏色（有或沒有 #）。 RGB 頻道為 0-255，而不透明度滑桿將 0% 到 100% 轉換為從 0 到 1 的 Alpha 值。

如何使用

  1. 在輸入欄位中輸入十六進位顏色代碼。
  2. 調整不透明度滑桿，直到 Alpha 值與您需要的透明度相符。
  3. 查看 RGBA 輸出、通道值和棋盤預覽。
  4. 複製 RGBA 值或使用隨機顏色進行快速測試。

什麼是十六進位到 RGBA 的轉換？

Hex 到 RGBA 的轉換 將十六進位顏色拆分為紅色、綠色和藍色通道，然後添加一個 Alpha 通道以實現透明度。 Alpha 1 完全不透明，0.5 50% 不透明度，0 完全透明。

輸入註釋

使用有效的十六進制顏色數字並有意設定不透明度。有些設計系統將 alpha 儲存為小數，有些儲存為百分比，有些儲存為 8 位元十六進位後綴，因此在複製之前請確認目標格式。

例子

50% 的不透明度設定會將 #FF5733 變成 alpha 0.5 的 RGBA 顏色：

--- Hex Input ---
#FF5733
Opacity: 50%

--- RGBA Output ---
rgba(255, 87, 51, 0.5)

MCP 整合

MCP（Model Context Protocol，模型上下文協議）讓 AI 代理和應用可以探索並呼叫 Coding.Tools 工具，用於可重複的轉換、格式化、雜湊和產生工作流程。

MCP 工具名稱: hex-to-rgba

MCP 端點: https://coding.tools/mcp

請先呼叫 tools/list。每個工具項目都包含 inputSchema、outputSchema 和 examples，AI 代理或客戶端可據此建立有效參數，不需要猜測。

呼叫 tools/call 後，result.content[0].text 是顯示用結果，result.structuredContent 是適合程式解析的結構化結果。工具層級失敗會回傳 isError: true；協議層級失敗會回傳 JSON-RPC error。

tools/call 請求範例：

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"hex-to-rgba","arguments":{"input":"#3366CC","options":{"alpha":0.65}}}}'

大多數文字與資料工具接受 input 字串以及可選的 options。只依賴瀏覽器圖片 API 的圖片工具會用於探索，並在需要瀏覽器能力時返回網頁入口。