How to make README.md files with colored texts in Github

Colored Github README.md

Change Your Markdown Font & Font-Background

$\Huge{\textsf{{\color[rgb]{0.0, 0.0, 0.0}THE BEST~}{\color[rgb]{0.3, 0.2, 0.1}P}{\color[rgb]{0.2, 0.1, 0.3}R}{\color[rgb]{0.1, 0.2, 0.3}A}{\color[rgb]{0.4, 0.5, 0.6}C}{\color[rgb]{0.5, 0.6, 0.4}T}{\color[rgb]{0.6, 0.4, 0.5}I}{\color[rgb]{0.7, 0.8, 0.9}C}{\color[rgb]{0.9, 0.8, 0.7}E}}}$

Check out Luigi Minardi's repo and you'll be able to do this 👇🏿 Don't forget to give him and this repo 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!}}}$ 🎷

---

You can really fun with it, and place it under your badges, etc.

$\normalsize{\textsf{{\color[rgb]{0.8,0.6,0.3}Y}{\color[rgb]{0.5, 0.0, 0.5}es,~I~r}}{\color[rgb]{0.8,0.6,0.3}E}{\color[rgb]{0.5, 0.0, 0.5}ally~{\color[rgb]{0.8,0.6,0.3}A}{\color[rgb]{0.5, 0.0, 0.5}m~T}{\color[rgb]{0.8,0.6,0.3}H}{\color[rgb]{0.5, 0.0, 0.5}is~ }{\color[rgb]{0.8, 0.0, 0.2}A}{\color[rgb]{0.9, 0.0, 0.1}we}{\color[rgb]{0.5,0.0,0.5}some}{\color[rgb]{0.8, 0.6, 0.3}!}}}$

---

The Code Scheme are as follows:

---

The following syntax will give you $\Huge{\textsf{{\color[rgb]{0.0, 0.0, 1.0}THIS}}}$ Notice that the notation for the RGB triplet is Arithmetic. Reference this site for more information on RGB.

$\Huge{\textsf{{\color[rgb]{0.0, 0.0, 1.0}}}}$

Old School Way to Color 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
• #c5f015
• #1589F0 Produces:

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

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