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.


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]

Published by

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.

  • 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.

  • 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!

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

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

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

  • 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!