Skip to content

Instantly share code, notes, and snippets.

@pvrego
Last active May 20, 2025 20:54
Show Gist options
  • Save pvrego/2e346674c3abbaa6366dfe86b8488dc9 to your computer and use it in GitHub Desktop.
Save pvrego/2e346674c3abbaa6366dfe86b8488dc9 to your computer and use it in GitHub Desktop.
How to make README.md files with colored texts in Github

Colored text #1

You can use the diff language tag to generate some colored text:

- text in red
+ text in green
! text in orange
# text in gray
@@ text in purple (and bold)@@

However, it adds it as a new line starting with either - + ! # or starts and ends with @@

enter image description here

Placeholders

It's worth mentioning that you can add some colour in a README using a placeholder image service. For example if you wanted to provide a list of colours for reference:

  • #f03c15 #f03c15
  • #c5f015 #c5f015
  • #1589F0 #1589F0 Produces:

#f03c15 #f03c15 #c5f015 #c5f015 #1589F0 #1589F0

Reference : How to add color to Github's README.md file

@acvillaz0n
Copy link

W e l c o m e   T o   S t a c k o v e r f l o w

@minhk43pbc
Copy link

  • red -

@minhk43pbc
Copy link

  • text in red

@minhk43pbc
Copy link

-red

@theishu4
Copy link

theishu4 commented Dec 20, 2024

$${\color{red}I\space \font{roboto} am Ishu}$$
$${\color{red}{yourtexthere}}

@supercodingninja
Copy link

Check out Luigi Minardi's repo and you'll be able to do this 👇🏿 Don't forget to give him a star; and while you're at it give me one


🎷 $\Huge{\textsf{{\color[rgb]{0.0, 0.0, 1.0}TH}{\color[rgb]{0.1, 0.0, 0.9}E~ }{\color[rgb]{0.2, 0.0, 0.8}S}{\color[rgb]{0.3, 0.0, 0.7}UP}{\color[rgb]{0.4, 0.0, 0.6}ER~ }{\color[rgb]{0.5, 0.0, 0.5}CO}{\color[rgb]{0.6, 0.0, 0.4}DI}{\color[rgb]{0.7, 0.0, 0.3}NG~}{\color[rgb]{0.8, 0.0, 0.2}NI}{\color[rgb]{0.9, 0.0, 0.1}N}{\color[rgb]{1.0, 0.0, 0.0}JA!}}}$ 🎷

@Rrkhaa
Copy link

Rrkhaa commented May 18, 2025

$\textcolor{yellow}{This\ is\ a\ Big\ Title}$

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment