HEX 转 RGB 转换器
将十六进制颜色代码快速转换为RGB值，支持实时预览和多种格式输入，轻松获取所需颜色信息。
什么是颜色转换器？
颜色转换器在 Web、设计与印刷领域常用的格式之间转换同一种颜色。同一种蓝色可以写作 #4F8AB2、rgb(79, 138, 178)、hsl(207, 38%, 50%) 或 cmyk(56%, 22%, 0%, 30%)：表示形式不同，颜色完全相同。
颜色格式参考
- HEX - CSS 和设计工具常用的 6 位十六进制颜色码，例如 #4F8AB2。
- RGB - 0-255 范围的红、绿、蓝三通道值 - 在 CSS 和大多数 API 中使用。
- HSL - 色相 (0-360)、饱和度 (%) 与明度 (%)，更便于直观调整。
- CMYK - 青、品红、黄、黑四通道，用于印刷。
如何手动将 HEX 转换为 RGB
HEX 颜色其实就是三组十六进制（16 进制）数字。将每一组转换成 0 到 255 之间的十进制数即可。
- 将 6 位 HEX 拆分成三组：RR、GG、BB（去掉开头的 #）。
- 对每一组，将第一位乘以 16，再加上第二位（A=10, B=11, … F=15）。
- 这三个结果就是红、绿、蓝的数值。
示例：#4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178)。
从你的AI智能体调用此工具
免费的JSON API和Model Context Protocol (MCP) 服务器。无需注册、无需API密钥、CORS开放。专为Claude、ChatGPT、Cursor、脚本和前端应用设计。
curl -X POST https://mate.tools/api/v1/color-convert.php \
-H "Content-Type: application/json" \
-d '{"color":"#FF5733"}'import urllib.request, json
req = urllib.request.Request(
"https://mate.tools/api/v1/color-convert.php",
data=json.dumps({"color":"#FF5733"}).encode(),
headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
print(json.load(r))const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json()); 添加到 claude_desktop_config.json(Claude Desktop)、~/.cursor/mcp.json(Cursor)或任何其他MCP兼容客户端:
{
"mcpServers": {
"mate-tools": {
"command": "npx",
"args": ["-y", "@mate-tools/mcp-server"]
}
}
}常见问题
将 HEX 代码拆成三组两位，再把每组从十六进制转为十进制。例如 #4F8AB2：4F = 79，8A = 138，B2 = 178，得到 rgb(79, 138, 178)。本转换器会实时完成此过程。
HEX、RGB 与 HSL 用不同的写法表达同一个 RGB 颜色：HEX 简洁，RGB 直接给出通道值，HSL 在调整色相、饱和度或亮度时更直观。CMYK 是为印刷设计的四通道色彩空间，由 RGB 推算而来，可能与屏幕显示存在差异。
可以。3 位 HEX 是缩写写法，每个数字会被复制一次：#FA0 等价于 #FFAA00。转换器同时支持 3 位与 6 位形式，是否带 # 都可以。
屏幕使用加色 RGB，印刷使用减色 CMYK，并非所有 RGB 颜色都能精确映射到 CMYK。专业设计软件会引入纸张、油墨、印刷机的色彩配置文件 - 这里给出的是数学换算值，可作为出发点。
RGB 通道会被限制在 0-255，HSL 饱和度与明度被限制在 0-100%；色相按 0-360 度处理。超出范围的输入会被收回到合法区间，其他格式也会同步更新。