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.

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.

Bookmarklets

XRAY

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

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.