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.
Goran Web
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.
Reply to this comment
Jacques Seoman
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!
Reply to this comment
drivelocity
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!
Reply to this comment
Jesse
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.
Reply to this comment
Jesse
March 20th, 2009 at 1:35 am #
I guess I did the code wrong lets try again
Reply to this comment
Zach - Learn HTLM & CSS
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!
Reply to this comment