I have been working a little with HTML, but I can’t figure out why the developer tools are making certain elements gray. Any help would be nice.

Developer Tools grays out any non-visible elements. So, for example, the <head>, <meta>, and <title> tags are all grayed out, since they are not actually visible to the user. Similarly, an element with display: none will be grayed out. It's nothing to worry about—the browser is simply trying to be helpful.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With