在线检测
JSON工具
编码/加密
图片处理
文字处理
格式化
网络
前端
后端
搜索工具、优惠码…⌘K

在线 shield badge生成

输入 label | message | color,生成 shields.io 风格的 flat SVG 徽章。

使用说明

给 README 顶部加那种 `build passing`、`version 1.2.0`、`MIT license` 的小圆角徽章,手拼 shields.io 的 URL 很容易把 label、message、颜色的参数顺序记错。

填好左右两段文字、选个颜色,直接生成徽章的图片链接和 Markdown,粘进 README 就显示。开源项目挂个 license/版本徽章、内部文档标一枚「内部使用」、或给包页面加个统一风格的说明标签都合适。这里生成的是静态徽章——文字和颜色都写死;真正随 CI 变化的 build/coverage 动态徽章要接对应服务的 endpoint,不是在这拼字符串。

常见问题

徽章颜色能自定义吗?

能。支持 green、blue 这类命名色,也支持十六进制值(如 `ff69b4`),直接填色值即可。

能带品牌 logo 吗?

可以填 Simple Icons 收录的品牌名(如 github、npm)加上对应 logo;自定义图片 logo 需要转成 base64 再传,较麻烦。