CSS Filter Generator

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