CSS Peeper

Designed to provide web developer a well-sorted way of organizing the visual appearance of their web pages, CSS, short for Cascadin Style Sheet, can bring a ton of technical and design benefits to almost any website.

That said, digging into a webpage's code and inspecting CSS styles and other adjacent elements might prove to be one of the most time-consuming and possibly annoying things for any web designer.

If Google Chrome is your "web weapon" of choice, then you might find CSS Peeper, a lightweight yet highly useful extension, quite interesting, to say the least. As you might have guessed based on its name, CSS Peeper is allows you to extract CSS elements of any webpage and inspect styles, the complete color palette and other assets directly within Chrome, in a stylish and modern-looking user interface.

It can be deployed on your favorite browser in mere seconds directly from its Chrome Web Store page and it's perfectly ready to its job without any type of pre-configuration.

Click its icon from the right side of Chrome's address bar and you are presented with a set of useful information about the website in question (in the General section), like CSS Information, Typography and Background Color. Leave the UI "hanging" and select any object on the current website and you're also provided with a complete set of element properties.

Besides the aforementioned General section, there are also two more self-explanatory menus, Colors and Assets. Not only can you inspect the color palette of a website, but you can also find the colors in question by simply copying the color codes. Also worth mentioning is the fact that from the Assets section, you can download any element from the website with a simple mouse click and, possibly even better, you can export all the assets directly to a .zip archive.

By now, it should be quite clear that we are dealing with a very well-thought-out Chrome extension. As a CSS viewer, CSS Peeper is about as good as they get and it definitely feels like a complete package.

It works with Chrome, it works extremely well, it looks quite nice and it helps you improve your workflow by allowing you to conveniently extract all the necessary CSS-related info (styles, objects, colors, and assets) from any website.