Markdown
Markdown Badge Generator
Create a shields.io badge for your README.
How it works
- 1Set the label, message, and color.
- 2A badge image in Markdown is generated.
- 3Paste it into your README.
Use cases
- Add a build-status badge.
- Show a version badge.
- Display a license badge.
Frequently asked questions
How is the badge rendered?
It uses shields.io, the standard badge service, via an image URL embedded in Markdown.
What colors can I use?
Named colors (blue, green, red, brightgreen…) or hex codes accepted by shields.io.
Is it private?
Yes. Everything is generated in your browser; nothing is uploaded.
Read the guide
How to add badges to a Markdown README
Generate the small status badges that sit at the top of a README — what they signal, which ones earn their place, and how to keep them honest.
Related tools
See all →Markdown Editor
A fast, free online Markdown editor with live side-by-side preview.
Live Markdown Preview
Paste Markdown and see it rendered live, side by side, as you edit.
Split View Markdown Editor
A two-pane Markdown editor with the source and live preview side by side.
Fullscreen Markdown Editor
An immersive, full-window Markdown editor with live preview.