Pinterest Stumbleupon Whatsapp
Ads by Google

brush.gif Ask any competent web designer or blogger and they’ll tell you that one of the most important aspects of getting a webpage right is the color. Getting the colors right can make all the difference between a hugely successful website and one that goes down the toilet on day one. You need a site that is easy on the eyes if you want someone to stick around for more than five seconds.

Here are some sites I have found which can help you find the right colours, if you are designing a webpage.

Colorzilla

colorzilla.gif One of my “can’t live without it” Firefox extensions. Have you ever seen a color on a webpage that you wished you could re-produce? No problemo. Just activate Colorzilla and point to the color on the page (with the mouse arrow, not your finger!). Colorzilla will then analyze it and tell you the RGB / HEX value so you can use it for your site too.

Once you have picked your colour, you can also double-click on the eye-dropper logo and this opens up a color palette where you can get different shades of the chosen color as well as being able to copy and paste the RGB / HEX value you need.

Accessibar

Ads by Google

accessibar.gif Another Firefox extension that allows you to temporarily change the colours on a webpage. Useful for seeing if a color is suitable before actually going ahead and changing anything.

When you want to remove the temporary colour, just click “Restore Page” and everything goes back to normal. You can also change text colors on a page too to experiment.

And now some sites that offer a wide range of color shades for your use on webpages :

  1. Aibek
    October 10, 2007 at 7:40 am

    @ Dan

    "... and appears like an * { background-color:…} CSS rule is injected at all the pages". That's stange :?:

  2. syahid ali
    October 9, 2007 at 10:14 pm

    now i have a competition for my pixie cause you told me about colorzilla. thanks.

  3. Nick
    October 6, 2007 at 4:05 pm

    You forgot one of the better ones next to colourlovers and that's http://kuler.adobe.com/

  4. Dan
    October 6, 2007 at 10:22 am

    Yes, Windows XP and Firefox portable updated to the latest Firefox version.

    I have deactivated the extension because it changes the color of ALL pages and restore button doesn't solve the situation.

    No Javascript errors by the way, I took a look with Firebug and appears like an * { background-color:...} CSS rule is injected at all the pages

  5. mark
    October 6, 2007 at 8:54 am

    @Dan : what operating system are you using? Windows XP?

  6. Dan
    October 6, 2007 at 6:23 am

    Accesibar looks great, but "restore" button don't work in my pc :(

  7. Tim
    October 6, 2007 at 4:54 am

    This is also an extremely usefull tool for color schemes: http://wellstyled.com/tools/colorscheme2/index-en.html

Leave a Reply

Your email address will not be published. Required fields are marked *