hey! i got frustrated with there being no good ways of recreating minecraft visuals using something like css, and it eventually frustrated me enough that i ended up doing it myself.
i recreated the minecraft seven font (for the most part, there's definitely a few errors) and spent some time implementing various text-based visuals into css. currently, it includes all 16 color codes, text shadows, bold / italic / strikethrough / underlined text, titles, subtitles, and chat.
you can see how it looks here!
feel free to use this! i made it because nobody had already. just grab the minecraft.css file as well as the fonts and you're all set :>
yeah okay fair it looks complicated
basically, the way minecraft colors work is that there's 4 values for different levels of each RGB channel: 0, 85, 170, and 255. every default color is some combination of these numbers. the color of a color's shadow is calculated by dividing the value of each channel by 4.
so gold is rgb(255, 170, 0), and its shadow is rgb(255/4, 170/4, 0/4), or rgb(64, 42, 0).
because that's how minecraft does it
| name | color | hex |
|---|---|---|
| black |  |
#000 |
| dark_blue |  |
#00A |
| dark_green |  |
#0A0 |
| dark_aqua |  |
#0AA |
| dark_red |  |
#A00 |
| dark_purple |  |
#A0A |
| gold |  |
#FA0 |
| gray |  |
#AAA |
| dark_gray |  |
#555 |
| blue |  |
#55F |
| green |  |
#5F5 |
| aqua |  |
#5FF |
| red |  |
#F55 |
| light_purple |  |
#F5F |
| yellow |  |
#FF5 |
| white |  |
#FFF |