要素のCSS解析Chrome エクステンション

CSS Peeperは、そのページの各コンテナに設定された任意のWebページとCSSを分析するChrome拡張機能です。分析したいページ上で拡張機能を開始すると、Webページのフォントファミリ、配色などを確認できます。チェックしたい部分をクリックすると、その要素に設定されているスタイルを確認できますが走っています。それは、ウェブデザイナーがスタイルガイドを簡単に作れるようにする目的で作られたもので、デザイナーにもやさしいデザインです。

https://csspeeper.com/