CSS Filter Generator

To achieve the goal of creating the agent «swallowtail», the task of developing their own style tables and coloring icons was set. For the code to work correctly, the initial color of the icons must be black. If your icon set has a different color, you can add the filter property «brightness (0) saturation (100%) to make the icon set black.

convert from black to target hex color



Real pixel (applied through CSS background-color) :



Filtered pixel (applied through CSS filter) :
👉 HEX TO RGBA
👉 RGBA TO HEX