Hex to RGB converter. This helps for putting the opacity on the background color instead of the div. That way your text inside doesn’t inherit the opacity.
So, if you have a rgb color like:
.main-navigation a.learn { background-color: rgb(255,0,255); }
you can add an “a” to the rgb and get your Alpha, or opacity:
.main-navigation a.learn { background-color: rgba(255,0,255, 0.85); }
CSS Box shadow generator: Where have you been all my life! Huge time saver.