Skip to content

Instantly share code, notes, and snippets.

@pvrego
Last active May 6, 2026 11:11
Show Gist options
  • Select an option

  • Save pvrego/2e346674c3abbaa6366dfe86b8488dc9 to your computer and use it in GitHub Desktop.

Select an option

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

@DogancanYr

Copy link
Copy Markdown

@Dinidu21

Copy link
Copy Markdown

Welcome to Stackoverflow

@tomsfb

tomsfb commented May 27, 2024

Copy link
Copy Markdown

$${\color{red}Welcome \space \color{lightblue}To \space \color{orange}Stackoverflow}$$

@acurtogo

acurtogo commented Oct 8, 2024

Copy link
Copy Markdown

@@### Pueba de titular pΓΊrpura@@

@acurtogo

acurtogo commented Oct 8, 2024

Copy link
Copy Markdown

@@ Text @@

@doandat943

doandat943 commented Nov 6, 2024

Copy link
Copy Markdown
  • text in green @@

@acvillaz0n

Copy link
Copy Markdown
 This text is colored

@acvillaz0n

Copy link
Copy Markdown

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
Copy Markdown
  • red -

@minhk43pbc

Copy link
Copy Markdown
  • text in red

@minhk43pbc

Copy link
Copy Markdown
-red

@theishu4

theishu4 commented Dec 20, 2024

Copy link
Copy Markdown

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

@supercodingninja

Copy link
Copy Markdown

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

Rrkhaa commented May 18, 2025

Copy link
Copy Markdown

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

@babangaigole

Copy link
Copy Markdown

-test

@babangaigole

Copy link
Copy Markdown

-red

@AAniiverse

Copy link
Copy Markdown
  • will it be coloured?

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