Skip to main content Jump to list of all articles

Tools For A Web Trade! Part 1

This is the first part in a series of posts that shows some very useful tools and resources for the web. In this part we feature colour tools, cheat sheets and bookmarklets.

First and foremost if you would like to know more about how colors work on the web, here is a handy article that explains it all.

Colour Tools

Colour Scheme Designer

Choose your colour and find complementary colours to match. Test your colours on dark and light web pages. Export your palettes to various formats including photoshop and gimp.

Colors On the Web

In depth information about colours and combining colours. Submit your base colour and the colour wizard will return matching colours with tints and shades. The colour wheel tool will give you a random selection of colours with the option to hold certain colours and then test them within an example. The colour contrast analyser will test your colour combinations from an accessibility point of view in accordance with the w3.

Color Tools

A suite of tools including colour combining, web safe colour picker, text on background.

Adobe Kuler

Create and share colour palette themes.

Color Combos

Find the colours from any website input. Search the colour combo library colour combos by tags.

Color Schemer

Color schemer is a colour picker for the windows platform. With a zoom feature for accuracy you can grab the colour of any pixel in all common formats including CMYK, RGB and Hex.

Color Scheme Designer

Cheat Sheets & Codes

Cheat Sheet Index

An index of cheat sheets ranging from Graphic design, Programming and web development.

HTML Codes

You never know when you might need a list of HTML special characters.

Cheet Sheets

A complete A-Z of cheat sheets, reference guides and quick reference guides on one page.




XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.


Design is a suite of measurement tools, including a rule, grid overlay, cross-hair which works on IE7, Firefox, Safari 2, Opera 9+ and Chrome.

Favelet Suite

Complete list of tools at your service including a stylesheet tools and DOM tools. Some features work in IE6.

Bookmarklet Directory

Not a tool as such but a directory of bookmarklets for all of your browsers needs.

Bookmarklet Directory


1 reply on “Tools For A Web Trade! Part 1”

Christian Louboutin D'orsay
Christian Louboutin D'orsay On

I really liked your article and I shared with my friends in my facebook account

Comments are closed.

Discover more from WorldOWeb

Subscribe now to keep reading and get access to the full archive.

Continue reading