Extract Color Codes From Websites

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]

After Reading This Post Other People Went on to Read: »

Comment Using Facebook

6 Responses to this Article | Share your Opinions/Comments

We moderate comments to prevent spam. Moderation is done within few hours. Please try and stay on topic and refrain from using abusive language. If you think there is a problem with this post, please email the post author or send us an email at tips@techie-buzz.com with the URL and the problem you see and we will rectify it as soon as we can.

  1. Goran Web on February 22nd, 2009 at 4:25 am #

    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.

  2. Jacques Seoman on February 23rd, 2009 at 1:40 am #

    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!

  3. drivelocity on February 24th, 2009 at 6:23 pm #

    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! :)

  4. Jesse on March 20th, 2009 at 1:32 am #

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

  5. Jesse on March 20th, 2009 at 1:35 am #

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

  6. Zach - Learn HTLM & CSS on September 5th, 2009 at 4:18 pm #

    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!