ChromaScope

This powerful tool or feature gives you the ability to instantly analyze and extract the design elements of any web page. It comes in handy when you're browsing a website and wondering what makes a compelling font, a perfectly matched color palette, or the CSS styles used.

Analyze Basic Elements

Here are the basic design elements that can be easily identified and copied with this feature:

Fonts:

Quickly determines the names and properties (size, weight, style) of the primary and secondary fonts used on the page (e.g., those used for headings and body text).

This is a great help when you want to achieve a consistent visual language for your design.