Nothing is for sale here. Freewill tips keep the site running. Want to help? → Tip via Paypal
Webmaster Tools | Webmaster Utitlities
Here's a growing collection of webmaster tools. Or webmaster utilities. I never know what to call them! Anyway, these are all free to use. Enjoy them and have a good life. Be nice to people. Don't sit on a cactus.Color Scheme Generator
Use this tool to generate color schemes for your projects. Schemes are bases on the standard color wheel and color models.
This cool tool generates six different color schemes from your base color.
The schemes are:
Complimentary | Monochromatic | Triadic
Split-Complementary | Analogous | Tetradic
Gradient Generator
Use this tool to generate gradient colors for your projects. Set two or more colors, change the angle, when it's ready, just click the copy button.
You can also choose from popular preset colors. Just click a swatch to copy the code.
It doesn't get any easier than that unless you have someone else do it for you!:
Box Shadow Generator
Use this tool to generate box shadows for various elements on your web page.
Choose from preset options, or set your own shadow direction, blur amount, shadow color and more.
You can even create multiple layers of shadow for some pretty cool effects.
Text Shadow Generator
This really shines in creating shadows for heading tags, but you can use it for any text.
Choose from preset shadows or create your own as you like.
You can add multiple layers of shadows, allowing you to be as creative as you dare!
HTML List Generator
Coding lists, especially long ones, can be a real tedious process—but no more!
Just paste in your list, choose your options, and let this HTML list builder instantly create the code for you.
You control the look and generate code quickly—it doesn't get much better than that.
Color Picker
Get the exact color you want in four different color formats: HEX, RGB, HSV, AND HSL. Click the Copy button by any color format to copy the color to your clipboard.
The tool remembers the most recent ten colors you select unless you leave the page.
Click any color swatch in the color history to reload that color.
Glassmorphism/Neumorphism Generator
Create stunning glassmorphism and neumorphism effects with live preview.
Lots of individual, esy-to-use controls give you all the creative options you need to create that "wow" look everyone admires.
Once you have the look you want, just click a button to copy the code to use it—easy!
Button Generator
Create gorgeous buttons for your web pages—with live previews—all with simple controls you'll have a blast playing around with.
Create buttons for all three link states: normal, hover, and active.
While the generator is designed for buttons, you can change the size in the CSS and use them in other ways.
Flexbox and Grid Generator
Coding flexboxes and grids are part of responsive web design, but if you don't do a lot of it the syntax can be hard to remember.
This generator will allow you to visually set up what you want and generate the HTML and CSS for you, along with breaking points for responsiveness.
Just copy and paste the codes into your templates as needed. Includes a pop-up help file for those who need it.
More to Come...
