Backstory Coding!!

written by rae.

Anyone bored with their backstory? Read this book to learn how to upgrade to your profile.

Last Updated

05/31/21

Chapters

25

Reads

2,246

ᶜᵒˡᵒʳˢ ᵃⁿᵈ ˢᵗᵘᶠᶠ

Chapter 3

Monotone colors are ew (in my opinion) so in this chapter we’re gonna learn how to add BrIgHtNeSs and CoLoR to your monotone backstory (Copy/paste the codes for color and font at the beginning of your backstory)


The easiest way to do it
Now, I’m just calling this the easiest way because if you do it this way, you get a ton more color options and even make your own custom color! (yay.)

1. Go to https://htmlcolors.com/

2. Play around and adjust the light/darkness, opacity, and shade of your color until you get what you want.

3. Copy/paste the hex code (example: #A6659B)

4. Copy/paste this code: <*font color*=*(insert hex code)*>

5. REMOVE ASTERISKS

6. Replace the (insert hex code) with your hex code

Example: It should turn out like this


Rainbow Colors
Red: <*font color*=*red*>

Orange: <*font color*=*orange*>

Yellow: <*font color*=*yellow*>

Green: <*font color*=*green*>

Blue: <*font color*=*blue*>

Purple: <*font color*=*purple*>


Red Shades
Amethyst: <*font color*=*amethyst*>

Carnelian: <*font color*=*carnelian*>

Denim: <*font color*=*denim*>

Burnt Sienna: <*font color*=*burntsienna*>

Coral: <*font color*=*coral*>

Light Coral: <*font color*=*light coral*>

Salmon: <*font color*=*salmon*>


Blue Shades
Aquamarine: <*font color*=*aquamarine*>

Aqua: <*font color*=*aqua*>

Turquoise: <*font color*=*turquoise*>

Cyan: <*font color*=*cyan*>

Mauve: <*font color*=*mauve*>

Dark Blue: <*font color*=*darkblue*>

Navy Blue: <*font color*=*navyblue*>

Acid Green: <*font color*=*acidgreen*>

Grape (don't ask me): <*font color*=*grape*>


Green Shades
Ruby (again, don't ask me): <*font color*=*ruby*>

Iceberg: <*font color*=*iceberg*>

Jade: <*font color*=*turquoise*>

Lime: <*font color*=*lime*>

Light Green: <*font color*=*light green*>


Pink/Purple Shades
Hot pink: <*font color*=*hotpink*>

Orchid: <*font color*=*orchid*>

Plum: <*font color*=*plum*>

Magenta: <*font color*=*magenta*>

Indigo: <*font color*=*indigo*>

Emerald (wrong color, but coding is coding): <*font color*=*emerald*>

Cerulean: <*font color*=*cerulean*>

Periwinkle: <*font color*=*periwinkle*>


Text fader
Click http://patorjk.com/text-color-fader/ to make ombre text! :)

✰ Type what you want into the box

✰ Click "Generate Fade"

✰ Copy/paste the HTML code into your backstory

✰ Rainbow is defualt, but you can choose different types of fades from the dropdown menu.
Hogwarts is Here © 2024
HogwartsIsHere.com was made for fans, by fans, and is not endorsed or supported directly or indirectly with Warner Bros. Entertainment, JK Rowling, Wizarding World Digital, or any of the official Harry Potter trademark/right holders.
Powered by minerva-s