CSS Filter Generator from Hex Code
Add your CSS code here
Add your css hex code here
Real pixel, color applied through CSS background-color
:
Filtered pixel, color applied through CSS filter
:
What is this tool?
Using this you can add a hex code to the input box at the top and it will create a css filter that you can apply to css, this can be used as a background or to fill the color of a PNG icon or other image. Which can be handy if you need to apply a new color to a image and dont want to edit it. You can just add the filter to a css class to apply it to an element.You can read a bit more about the tool and how to use it here. Code Example Applied to a Logo Image
Credits for this tool are here on this codepen and stack overflow.
Welcome
This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...
Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.
You could also follow me on twitter or not... does anyone even use twitter anymore?
If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕
❤️👩💻🎮
🪦 2000 - 16 Oct 2022 - Boots
Random Quote
Me
Random CSS Property
system
The system descriptor specifies the algorithm to be used for converting the integer value of a counter to a string representation. It is used in a @counter-style to define the behavior of the defined style.system (@counter-style) css reference
Latest Articles
rs3 Making Urns with Portables The Best Method!? Worth It? AFK & Profit 2024
rs3 Guide to maxing in F2P Ironman RS3
random stats it seems that no one uses desktop browsers anymore?
hardware mad fans case setup 9 case fans!
rs3 Kree'arra - Boss Guide with Necromancy GWD1 | Runescape 3
rs3 Do Daily Herb Runs Still Make Money?? | Runescape 3
rs3 Guide to maxing in RS3 F2P ironman - ver. 1.1c
OSRS wIn-Depth F2P Ironman Guide v2.0.4 (last updated 8-18-2020)
Code
css make an image or element grayscale switch on mouse over
wordpress load a page as a menu in wordpress
php echo the page id from wordpress
css rotate an element when its hover
css rotate an element when its selected
wordpress extract a wordpress menu using its id
wordpress Wordpress template with fixed sidebar in flex
css Left Fixed nav with right fluid content
Links
music Winyl free digital audio player
Stock Images unblast - A growing library of free design resources made by the world's best designers.
Cloud Apps Syncthing
wallpapers Digital Blasphemy | 3D Wallpaper
hardware Memtest86+ | The Open-Source Memory Testing Tool
AI GitHub - humanloop/awesome-chatgpt: Curated list of awesome tools, demos, docs for ChatGPT and GPT-3
Pi my SUPER secure Raspberry Pi Router (wifi VPN travel router) - YouTube
icons Free Icons, Clipart Illustrations, Photos, and Music