Each designer has his own methods and tools for everyday use. Since everything in the world is constantly developing, a lot of handy tools for making really great designs appear to make your work a lot easier. Different online generators can create graphics or code or even layouts in less than no time. So if you need any help with “XHTML valid” CSS banners, micro buttons or css website templates, you can always turn to some of generators that are presented below. Hope you’ll find them useful!
Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with.
ColorBlender – free online tool for color matching and palette design.
Color Hunter is a place to find and make color palettes created from images.
Pick your main color and then you can determine other colors you’d like to use, like compliments or triads. It also gives you examples of real world applications.
Enter an RGB or HEX value, or click on the Color Palette below.
Generate Color Palette Images to Share.
Color Scheme Generator is a HTML and RGB color code generator that will show you how to match your web site colors and will save you time when choosing a web site color scheme or color code. Easily find out what color matches, specify the main color by entering red green and blue values between 0 and 255 or by entering a hex color code.
Adobe® Kuler™ — the web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.
This is a simple radius generator. just enter the border radius for each corner!
From CSS-Tricks with love! Lets you create custom CSS3 buttons with gradients.
Nice tool for generating css3 code of your custom gradient.
CSS3 Sandbox can generate linear gradients, radial gradients, text properties, box properties, and transforms.
CSS Maker is a free tool to experiment with CSS properties and values and generate a simple stylesheet for your site.
You can edit the underlined values in this css file, but don’t worry about making sure the corresponding values match, that’s all done automagically for you.
Paste in text you want to modify, and then use the options at the bottom to customize it and it will generate the CSS in real-time.
Primer undercoats your CSS by pulling out all of your classes and id’s and placing them into a starter stylesheet. Paste your HTML in to get started.
BgPatterns is a tiny web app for making background patterns in a few clicks. It was created mostly for fun and experimentation by Sergii Iavorskyi.
Explorer our gallery of professionally designed CSS Menus. Personalize your menus features with our easy to use Menu Maker. Download the HTML, CSS, and Images for your custom menu in a nice neat package.
This generator lets you create dotted, half-tone style backgrounds.
This site lets you create a menu with dropdowns that only uses CSS, no images. It’s simple, but it’s also quick to set up.
Play with sliders and color pickers, untill you obtain a super-cool stripe tile!
Striped Backgrounds creates boldly-striped backgrounds in any resolution.
Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.
Feel free to play with it. You are allowed to use the created image for whatever you would like to.
Tweak size, colors, corners and more, generate your design, then download and use in your css style sheet!
Tired of using Lorem Ipsum for dummy text in your latest masterpiece?
This text generator has been developed based on years of careful research and is guaranteed to improve even the most lacklustre of designs.
The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.
The 1KB CSS Grid is a lightweight approach to creating a grid system. Simply select the number of columns you want, the column width and gutter width and your sorted!
This tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files.
Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
Browse color palettes, or create your own!
The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments.
Templatr is simple generator for creating quick WordPress layouts.
The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.
This online generator creates your own custom unique WordPress Theme. Without any need for HTML, JS, PHP, or CSS knowledge.
Change the colors, settings, layout, preview live, click “save” and download your unique WordPress theme zip-file.
Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work. Simply choose what kind of image you would like. Then fill out a form and you’ll have your own custom image created on the fly.
Enter some text, choose a border and an emblem, pick your colors, and click the ‘Go’ button. An Official Seal will be generated for you. Collect ’em, trade ’em, put ’em on your website, or e-mail ’em to your friends.
QuickRibbon is a completely free Web2.0 tool, a website ribbon generator which lets you create a custom ribbon, insert a link in it and place it in the top right corner of your website. It will take you less than 5 minutes to generate your own website ribbon with this trendy widget and add a stylish Web2.0 look to your page – it’s quick, easy and fun. We recommend using our QuickRibbon tool to attract your site’s visitors attention to new features, announcements, sales, etc. Get rid of the boring banners and make your news stand out with a style.
Generate HTML/CSS code and images for rounded corners.
They are probably one of the most popular trend in Web 2.0 time. It’s most over-used trendy little design technique in our days, they immediately attract visitor’s attention. Web badges have various round or square corners and eye-catchy colours.
Enter your text, select your options and you have a logo! You can also “sign” your masterpiece to give yourself some well deserved credit!
Web Form Factory is an open source web form generator which automatically generates the necessary backend code to tie your form to a database. By generating the backend code for you, WFF saves you time… time you could spend doing more interesting stuff.
Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace
Subscribe to our email newsletter for useful tips and freebies.