--- title: 'Tools For A Web Trade! Part 1' url: 'https://www.worldoweb.co.uk/2009/tools-for-a-web-trade-part-1' markdown: 'https://www.worldoweb.co.uk/2009/tools-for-a-web-trade-part-1.md' date: '2009-08-09' description: '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.' taxonomy: category: - 'Web Development' tag: - Apps - Tools --- # Tools For A Web Trade! Part 1 Published on August 9, 2009 by Tracy Ridge in [Web Development](https://www.worldoweb.co.uk/category/category:Web%20Development) 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](https://digital.com/blog/web-colors/) that explains it all. ### Colour Tools **[Colour Scheme Designer](https://colorschemedesigner.com/ "Color 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](https://www.colorsontheweb.com/colorwizard.asp "Colours 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](https://www.colortools.net/ "Color Tools")** A suite of tools including colour combining, web safe colour picker, text on background. **[Adobe Kuler](https://kuler.adobe.com/ "Adobe Kuler")** Create and share colour palette themes. **[Color Combos](https://www.colorcombos.com/ "Color Combos")** Find the colours from any website input. Search the colour combo library colour combos by tags. **[Color Schemer](https://www.colorschemer.com/colorpix_info.php "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](https://www.worldoweb.co.uk/images/3/b/9/b/7/3b9b778d8afc18c86ca0e82db93788aa5c2e4c14-colorscheme.jpg "Color Scheme Designer") ### Cheat Sheets & Codes **[Cheat Sheet Index](https://www.scottklarr.com/topic/109/cheat-sheet-index/ "Cheat Sheet Index")** An index of cheat sheets ranging from Graphic design, Programming and web development. **[HTML Codes](https://ascii.cl/htmlcodes.htm)** You never know when you might need a list of HTML special characters. **[Cheet Sheets](https://www.cheat-sheets.org/)** A complete A-Z of cheat sheets, reference guides and quick reference guides on one page. ![GotAPI](https://www.worldoweb.co.uk/images/8/9/3/f/9/893f9ff92e546b07ed623fc276c470c36a8ba0b2-gotapi.jpg "GotAPI") ### Bookmarklets **[XRAY](https://westciv.com/xray/ "XRAY Bookmarklet")** 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](https://www.sprymedia.co.uk/article/Design "Media Bookmarklet")** 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](https://slayeroffice.com/?c=%2Fcontent%2Ftools%2Fsuite.html%3Frel%3Dnofollow "Favelet Suite")** Complete list of tools at your service including a stylesheet tools and DOM tools. Some features work in IE6. **[Bookmarklet Directory](https://www.marklets.com/ "Bookmarklets Directory")** Not a tool as such but a directory of bookmarklets for all of your browsers needs. ![Bookmarklet Directory](https://www.worldoweb.co.uk/images/e/9/5/9/c/e959cee90dfcec6d7bef706f1a3e01f1f883cd8d-bookmarkdir.jpg "Bookmarklet Directory") ### Share [X](https://x.com/intent/tweet?text=Tools%20For%20A%20Web%20Trade%21%20Part%201&url=https%3A%2F%2Fwww.worldoweb.co.uk%2F2009%2Ftools-for-a-web-trade-part-1&via=worldoweb "Share on X") [Facebook](https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.worldoweb.co.uk%2F2009%2Ftools-for-a-web-trade-part-1 "Share on Facebook") [Reddit](https://www.reddit.com/submit?url=https%3A%2F%2Fwww.worldoweb.co.uk%2F2009%2Ftools-for-a-web-trade-part-1&title=Tools%20For%20A%20Web%20Trade%21%20Part%201 "Share on Reddit") [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.worldoweb.co.uk%2F2009%2Ftools-for-a-web-trade-part-1 "Share on LinkedIn") [Bluesky](https://bsky.app/intent/compose?text=Tools%20For%20A%20Web%20Trade%21%20Part%201%20https%3A%2F%2Fwww.worldoweb.co.uk%2F2009%2Ftools-for-a-web-trade-part-1 "Share on Bluesky") [Email](mailto:?subject=Tools%20For%20A%20Web%20Trade%21%20Part%201&body=https%3A%2F%2Fwww.worldoweb.co.uk%2F2009%2Ftools-for-a-web-trade-part-1 "Share via email") #### Tags [ Apps](https://www.worldoweb.co.uk/tag/tag:Apps) [ Tools](https://www.worldoweb.co.uk/tag/tag:Tools) ##### Next [ ← Install Lampp in Linux Mint ](https://www.worldoweb.co.uk/2009/install-lampp-in-linux-mint) OR ##### Previous [ Open Source Gems → ](https://www.worldoweb.co.uk/2009/open-source-gems) --- ## Navigation - Previous: [Install Lampp in Linux Mint](https://www.worldoweb.co.uk/2009/install-lampp-in-linux-mint.md) - Next: [Open Source Gems](https://www.worldoweb.co.uk/2009/open-source-gems.md)