Skip to content

Instantly share code, notes, and snippets.

@archytech99
Last active May 9, 2025 07:08
Show Gist options
  • Save archytech99/9f09f3d990de28efdf75e36f1b87f496 to your computer and use it in GitHub Desktop.
Save archytech99/9f09f3d990de28efdf75e36f1b87f496 to your computer and use it in GitHub Desktop.
List of Minecraft color codes and format codes to style your chat and game commands, and modify in-game text, team, and even armor color!
<section>
<div class="color-group color-group--narrow">
<h2 class="color-group__title">List of Minecraft Color Codes</h2>
<table class="color-table">
<thead class="color-table__head">
<tr class="color-table__row">
<th class="color-table__cell color-table__cell--color">Color</th>
<th class="color-table__cell color-table__cell--name">Name</th>
<th class="color-table__cell color-table__cell--chat">Chat Code</th>
<th class="color-table__cell color-table__cell--motd">MOTD Code</th>
<th class="color-table__cell color-table__cell--hex">Hex Code</th>
</tr>
</thead>
<tbody class="color-table__body">
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #000000;" data-hex="#000000" data-rgb="rgb(0, 0, 0)" data-hsl="hsl(0, 0%, 0%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Black (black)</td>
<td class="color-table__cell color-table__cell--chat">§0</td>
<td class="color-table__cell color-table__cell--motd">\u00A70</td>
<td class="color-table__cell color-table__cell--hex">#000000</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #0000AA;" data-hex="#0000AA" data-rgb="rgb(0, 0, 170)" data-hsl="hsl(240, 100%, 33%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Dark Blue (dark_blue)</td>
<td class="color-table__cell color-table__cell--chat">§1</td>
<td class="color-table__cell color-table__cell--motd">\u00A71</td>
<td class="color-table__cell color-table__cell--hex">#0000AA</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #00AA00;" data-hex="#00AA00" data-rgb="rgb(0, 170, 0)" data-hsl="hsl(120, 100%, 33%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Dark Green (dark_green)</td>
<td class="color-table__cell color-table__cell--chat">§2</td>
<td class="color-table__cell color-table__cell--motd">\u00A72</td>
<td class="color-table__cell color-table__cell--hex">#00AA00</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #00AAAA;" data-hex="#00AAAA" data-rgb="rgb(0, 170, 170)" data-hsl="hsl(180, 100%, 33%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Dark Aqua (dark_aqua)</td>
<td class="color-table__cell color-table__cell--chat">§3</td>
<td class="color-table__cell color-table__cell--motd">\u00A73</td>
<td class="color-table__cell color-table__cell--hex">#00AAAA</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #AA0000;" data-hex="#AA0000" data-rgb="rgb(170, 0, 0)" data-hsl="hsl(0, 100%, 33%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Dark Red (dark_red)</td>
<td class="color-table__cell color-table__cell--chat">§4</td>
<td class="color-table__cell color-table__cell--motd">\u00A74</td>
<td class="color-table__cell color-table__cell--hex">#AA0000</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #AA00AA;" data-hex="#AA00AA" data-rgb="rgb(170, 0, 170)" data-hsl="hsl(300, 100%, 33%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Dark Purple (dark_purple)</td>
<td class="color-table__cell color-table__cell--chat">§5</td>
<td class="color-table__cell color-table__cell--motd">\u00A75</td>
<td class="color-table__cell color-table__cell--hex">#AA00AA</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #FFAA00;" data-hex="#FFAA00" data-rgb="rgb(255, 170, 0)" data-hsl="hsl(40, 100%, 50%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Gold (gold)</td>
<td class="color-table__cell color-table__cell--chat">§6</td>
<td class="color-table__cell color-table__cell--motd">\u00A76</td>
<td class="color-table__cell color-table__cell--hex">#FFAA00</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #AAAAAA;" data-hex="#AAAAAA" data-rgb="rgb(170, 170, 170)" data-hsl="hsl(0, 0%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Gray (gray)</td>
<td class="color-table__cell color-table__cell--chat">§7</td>
<td class="color-table__cell color-table__cell--motd">\u00A77</td>
<td class="color-table__cell color-table__cell--hex">#AAAAAA</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #555555;" data-hex="#555555" data-rgb="rgb(85, 85, 85)" data-hsl="hsl(0, 0%, 33%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Dark Gray (dark_gray)</td>
<td class="color-table__cell color-table__cell--chat">§8</td>
<td class="color-table__cell color-table__cell--motd">\u00A78</td>
<td class="color-table__cell color-table__cell--hex">#555555</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #5555FF;" data-hex="#5555FF" data-rgb="rgb(85, 85, 255)" data-hsl="hsl(240, 100%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Blue (blue)</td>
<td class="color-table__cell color-table__cell--chat">§9</td>
<td class="color-table__cell color-table__cell--motd">\u00A79</td>
<td class="color-table__cell color-table__cell--hex">#5555FF</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #55FF55;" data-hex="#55FF55" data-rgb="rgb(85, 255, 85)" data-hsl="hsl(120, 100%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Green (green)</td>
<td class="color-table__cell color-table__cell--chat">§a</td>
<td class="color-table__cell color-table__cell--motd">\u00A7a</td>
<td class="color-table__cell color-table__cell--hex">#55FF55</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #55FFFF;" data-hex="#55FFFF" data-rgb="rgb(85, 255, 255)" data-hsl="hsl(180, 100%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Aqua (aqua)</td>
<td class="color-table__cell color-table__cell--chat">§b</td>
<td class="color-table__cell color-table__cell--motd">\u00A7b</td>
<td class="color-table__cell color-table__cell--hex">#55FFFF</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #FF5555;" data-hex="#FF5555" data-rgb="rgb(255, 85, 85)" data-hsl="hsl(0, 100%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Red (red)</td>
<td class="color-table__cell color-table__cell--chat">§c</td>
<td class="color-table__cell color-table__cell--motd">\u00A7c</td>
<td class="color-table__cell color-table__cell--hex">#FF5555</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #FF55FF;" data-hex="#FF55FF" data-rgb="rgb(255, 85, 255)" data-hsl="hsl(300, 100%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Light Purple (light_purple)</td>
<td class="color-table__cell color-table__cell--chat">§d</td>
<td class="color-table__cell color-table__cell--motd">\u00A7d</td>
<td class="color-table__cell color-table__cell--hex">#FF55FF</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #FFFF55;" data-hex="#FFFF55" data-rgb="rgb(255, 255, 85)" data-hsl="hsl(60, 100%, 67%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">Yellow (yellow)</td>
<td class="color-table__cell color-table__cell--chat">§e</td>
<td class="color-table__cell color-table__cell--motd">\u00A7e</td>
<td class="color-table__cell color-table__cell--hex">#FFFF55</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell color-table__cell--color">
<div class="color-table__color js-color" style="background-color: #FFFFFF;" data-hex="#FFFFFF" data-rgb="rgb(255, 255, 255)" data-hsl="hsl(0, 0%, 100%)"></div>
</td>
<td class="color-table__cell color-table__cell--name">White (white)</td>
<td class="color-table__cell color-table__cell--chat">§f</td>
<td class="color-table__cell color-table__cell--motd">\u00A7f</td>
<td class="color-table__cell color-table__cell--hex">#FFFFFF</td>
</tr>
</tbody>
</table>
</div>
</section>
<section>
<div class="color-group">
<h2 class="color-group__title">List of Minecraft Format Codes</h2>
<table class="color-table">
<thead class="color-table__head">
<tr class="color-table__row">
<th class="color-table__cell">Name</th>
<th class="color-table__cell">Chat Code</th>
<th class="color-table__cell">MOTD Code</th>
<th class="color-table__cell">Edition</th>
</tr>
</thead>
<tbody class="color-table__body">
<tr class="color-table__row">
<td class="color-table__cell">Obfuscated</td>
<td class="color-table__cell">§k</td>
<td class="color-table__cell">\u00A7k</td>
<td class="color-table__cell">JE/BE</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell"><strong>Bold</strong></td>
<td class="color-table__cell">§l</td>
<td class="color-table__cell">\u00A7l</td>
<td class="color-table__cell">JE/BE</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell"><strike>Strikethrough</strike></td>
<td class="color-table__cell">§m</td>
<td class="color-table__cell">\u00A7m</td>
<td class="color-table__cell">JE</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell"><span style="text-decoration: underline">Underline</span></td>
<td class="color-table__cell">§n</td>
<td class="color-table__cell">\u00A7n</td>
<td class="color-table__cell">JE</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell"><em>Italic</em></td>
<td class="color-table__cell">§o</td>
<td class="color-table__cell">\u00A7o</td>
<td class="color-table__cell">JE/BE</td>
</tr>
<tr class="color-table__row">
<td class="color-table__cell">Reset</td>
<td class="color-table__cell">§r</td>
<td class="color-table__cell">\u00A7r</td>
<td class="color-table__cell">JE/BE</td>
</tr>
</tbody>
</table>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment