Tool Documentation
Posted in
1941
4:34 am, August 16, 2022
CSS Filter Generator from Hex Code
I was looking for a quick way to apply a new color to a PNG image, which i did not really want to have to edit and thought there might be a CSS solution.
I found a tool for this here CSS Filter Generator from Hex Code, so all you have to do is add your hex code to this tool and it will generate a filter for you.
Basically all you need is the hex code.
Paste it into the tool and it will generate a filter.
now grab the generated filter and apply it to a css class.
CSS
.logochange { filter: invert(40%) sepia(89%) saturate(665%) hue-rotate(153deg) brightness(104%) contrast(103%); }
I moved this code into a code snippet here to show how it works with the logo image.
View Statistics
This Week
60
This Month
183
This Year
553
Add Comment
Other Items in Tool Documentation
Related Search Terms
Other Categories in Articles
ai api and javascript apps bootstrap data imports docker forster funny images gaming linux marriage minecraft nft newsletters osrs operating systems photoshop pi rs3 slayer random code random things site development site updates tech tool documentation tools and utilities utilities vpn video notes videos web dev windows apps android apple apps atom bootstrap charts code code thoughts comments cooking core crypto css designs factorio games google hardware how to howto ios ideas linux mac music new world osrs php pi400 privacy python random random stats random web code random web things rs3 runescape site bugs slick slider terraria valheim videos web development webdev windows wordpress wow wow classic youtube