CSS Filter Color Generator
Generate CSS filter properties to recolor elements to match a target hex color. Perfect for recoloring icons and SVGs.
37.7Kuses
7.9/10(244)
Original (Black)
Filtered (Target Color)
Generated CSS Filter
filter: invert(100%) sepia(100%) saturate(835%) hue-rotate(239deg) brightness(1.33);
Note: CSS filters approximate colors by manipulating the original element visually. Results work best with black source elements (icons, SVGs). For precise color matching, consider using SVG fill or CSS mask properties instead.
Recommended Products
Ad📖Web Design BooksShop →🎨Color Reference GuidesShop →✏️Drawing TabletsShop →🎨Design SoftwareShop →🖥️Monitor CalibratorsShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →
Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.
Disclaimer: This tool is provided as-is for informational and educational purposes only.