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
There is a qualitative and quantitative difference between a day that begins with a little exercise, a book, meditation, a good meal, a thoughtful walk, and the start of a day that begins with a smartphone in bed.
Unknown
Unknown
Random CSS Property
<color>
The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its background.hsla() css reference
Latest Articles
rs3 RS3 - Why Did the Lobster Blush - Quick Achievement Guide
OSRS OSRS How to get to Konar Slayer Master using the Fairy Ring
rs3 Using the Alchemiser for passive Money 16 Million Profit
RS3 Slayer RS3 Slayer - Ganodermic Creatures
Video Notes Video Notes: Stop Being the Nice Guy
RS3 Slayer Abyssal Demons on Slayer Task Guide
RS3 Slayer Greater Demons
random web things Random Links for December 2022
Code
fonts Quick Embed - Google Font - Inter
Linux Check free space amount and show it in a nice human readable format
Quick Modals Fancybox Quick Video Modal Popup Code Inline
php write to file php
Windows Apps chocolatey command line for windows
linux add ssh keys on your linux box in 10 seconds
Sliders Flickity - autoPlay with Loop
Windows Apps windows robocopy /? help and usage
Links
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
Web Dev Flickity · Touch, responsive, flickable carousels
Web Dev fancybox v3.4 - Mixed gallery
Web Dev "base" | Can I use... Support tables for HTML5, CSS3, etc
Web Dev HTML Reference - A free guide to all HTML elements and attributes.
Apps Cider