ChromaScope

About

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.

CSS Color Codes:

Precisely captures all CSS color codes (e.g., in hex, RGB, and HSL formats) used for text, backgrounds, buttons, and other elements.

This allows you to instantly copy the exact shade of the color you're interested in.

my first extension :)