十六进制转RGBA

使用不透明度滑块将十六进制颜色转换为红色、绿色、蓝色和 Alpha 值。

十六进制颜色
不透明度 100%
RGBA 值
预览

将十六进制颜色转换为具有不透明度的 RGBA

Hex 到 RGBA 将 CSS 十六进制颜色转换为红色、绿色、蓝色和 alpha 表示法。 当您需要透明叠加、UI 颜色标记、CSS 值或具有不透明度的可预览颜色时使用它。

十六进制输入可以是 3 位速记形式或 6 位颜色(带或不带 #)。 RGB 通道为 0-255,而不透明度滑块将 0%100% 转换为从 01 的 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 颜色:

--- 十六进制输入 ---
#FF573380

--- RGBA ---
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 的图片工具会用于发现,并在需要浏览器能力时返回网页入口。