Real pixel, color applied through CSS background-color:
Filtered pixel, color applied through CSS filter:
The goal was to be able to create custom style sheets and allow for the coloring of icons for Creating a Dovetail Agent Theme.
For this code to work well the starting color needs to be black. If your icon set isn't black you can prepend "brightness(0) saturate(100%)" to your filter property which will first turn the icon set to black.
For as long as I worked on creating this solution from multiple resources I found some had spent far longer to create this already completed solution. Only slightly modified to focus on HEX colors. Credit goes to MultiplyByZer0 for their post https://stackoverflow.com/a/43960991/604861