Extract Color Codes From Websites
By on February 19th, 2009

Color combinations go a long way in the making of a website design, and there are several times when you come across websites that make use of pretty good colors. Users usually use a color picker tool to get the color codes for a color they like.

However there is a much more easier way in which you can extract all the colors used in a website. A service called I Like Your Colors reads the stylesheets from a website, and shows you all the color hexadecimal codes used on it, in a easy to view visual interface.

extract_website_color_codes

To extract color codes from a website, simply enter the URL of the website and click on the Get Colors button, I Like Your Colors will crawl the website and display all colors from the embedded styles as well as from the external stylesheets used on the website.

A service definitely worth using and recommended by us.

I Like Your Colors [via AddictiveTips]

Tags: ,
Author: Keith Dsouza Google Profile for Keith Dsouza
I am the editor-in-chief and owner of Techie Buzz. I love coding and have contributed to several open source projects in the past. You can know more about me and my projects by visiting my Personal Website. I am also a social networking enthusiast and can be found active on twitter, you can follow Keith on twitter @keithdsouza. You can click on my name to visit my Google+ profile.

Keith Dsouza has written and can be contacted at keith@techie-buzz.com.
  • http://www.netage.co.za/web-marketing/ Goran Web

    Definitely a page worth bookmarking. I’m used to colour picker tools, but this is steraightforward and 100% accurate, so how can one ask for more? I’m heading over there now to go check it out and play with it a bit.

  • http://www.seoresults.co.za/pages/seo-tools/ Jacques Seoman

    This does look like quite a useful service. Great recommendation guys, I will definitely give it a go next time I need to do some colour matching!

  • http://drivelocity.com drivelocity

    What a great tool! It’s much easier than opening up Photoshop and doing a screen capture. There’s a Firefox add on that enables users to pick colors off of web sites, but this will work great if you’re not on your own computer. I’ve added it to my start page. Thank you very much! :)

  • http://www.notion3.com Jesse

    Great article, I wrote one on top tools for creating a 2.0 color pallet when designing your website. Check it out.

  • http://www.notion3.com Jesse

    I guess I did the code wrong lets try again :D

  • http://www.thosecodes.com Zach – Learn HTLM & CSS

    If their colors are on text or not a image you can always go to view -> source -> (hit ctrl f) type in ‘color=’ and search for the text that contains that color. This works if they inline styled the text color. If they did not you could pull their CSS from their CSS link and find all their color codes in there!

 
Copyright 2006-2012 Techie Buzz. All Rights Reserved. Our content may not be reproduced on other websites. Content Delivery by MaxCDN