Color Tools every Amateur Designer Should Know About

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

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 :

Mark O’Neill is a freelance writer, proofreader, editor and blogger. Check out his blog at BetterThanTherapy.net

Tagged:

Mark O'Neill

Mark O'Neill is the managing editor of MakeUseOf.com

Similar Stuff

The comments were closed because the article is more than 90 days old.

If you have any questions related to stuff mentioned in the article or need help with any computer issue, just ask it on MakeUseOf Answers.

  • http://www.divinelan.nl Tim

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

  • Dan

    Accesibar looks great, but “restore” button don’t work in my pc :(

  • http://www.betterthantherapy.net mark

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

  • Dan

    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

  • Nick

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

  • http://techmalaya.com syahid ali

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

  • http://makeuseof.com Aibek

    @ Dan

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