Tag Archives: resource

ColorZilla for Firefox

This is a must have tool to add to your arsenal as a web designer because it’s small, fast and convenient. ColorZilla is an extension for Firefox featuring an advanced eyedropper, colour picker, palette viewer and more!

I’ve used this extension to instantly select colours from websites/images then grab the colour code and paste into my CSS directly. Or I can paste into an online colour palette generator and build a custom palette faster than it would take to load up Photoshop and do the same. I love it because it’s unobtrusive and always ready to go.

Eyedropper: I see an colour I like on some random website, I want it and looky, I got it!


Main Menu: Quickly call up my menu and get the colour code and voila, ready to paste!


Palette List View: I can even save my colour selections.


Webpage Colour Analyzer: Curious to know all the colours used on a website? Don’t grab it one pixel at time, let ColorZilla analyze it for you!


Yep, this one is a fantastic extension to have on hand and I highly recommend that it be part of your workflow. I’ll continue to post about the tools, resources and websites that have helped me when I’m designing and developing websites. Do you have any extensions that have made designing easier for you? Let me know and see you in the comments.

The Magic of Logo Design

A great deal of people have already written about what makes a great logo and many more have put together collections, showcases, studies of great/bad logos that I don’t feel it necessary to further flood the interweb with my own thoughts on the matter. Others have fully and eloquently expressed the process better than I ever could, so from them, I will learn and pass that knowledge on.

Some day soon, I will share with you my own process of branding myself but right now, I am still trying to figure that out. Go figure, as a designer it is my privilege to help create logos for other people and to my own detriment, I have yet to design my own but I digress. Without further adieu, the following are my personal resources on logos.


Tips, Guides and Branding

And this article ain’t complete without the amazing Make My Logo Bigger!!! cream.


The Best Online Colour Tools and Guides for Web Design

The following is a collection of colour resources that have been helpful in generating colour palettes and transition from print to web.

  1. Color Schemer Online
    A simple and easy guide to make a quick colour palette.


  2. COPASO by COLOURlovers
    An advanced colour palette tool to create colour schemes and themes. You can extract colours from an image, colour picker and use the colour wheel for more ideas.


  3. Kuler by Adobe
    A collection of colour palettes with the ability to share and download palettes from the community.


  4. Colorotate
    Browse colour palettes or create your own with the ability to adjust, mix and blend in a 3D format. Simple but fun.


  5. Color Explorer
    A formidable online tool for generating your own color palette. It features the following abilities: create a palette from an image, colour picker, colour libraries including W3C named colours, web and websafe colours, TOYO, RAL, TRUEMATCH and FOCALTONE, colour-matching with various algorithms and even an analysis and conversion tool for different colour systems. This tool is a real gem.


  6. myColor myIdea by Pantone
    More of an inspirational, colour explosion than a tool but it does allow you to see the Pantone colours beautifully.


  7. Color Scheme Designer
    Ad advanced color scheme generator, practically has all you need to make wise palettes without the colour theory knowledge.

  8. Color Palette Generator by DeGraeve.com
    This one is for the times when just want to use an existing image and extract a colour palette from it. So, so easy!


  9. Converting Pantone Colors to RGB
    A must-have quick guide for translating colours from print to screen. This is especially useful when you are maintaining consistency of corporate identity through various mediums.


  10. Conversion from Pantone to RGB and Hex HTML
    Similar to the one above, just another guide to help out.