What you can read from a live element.

Tintstep uses the page's computed style, the value the browser is painting. An opaque sRGB color copies as lowercase hex, such as #1a4f8b. A translucent color copies as the computed string. The panel can also show that color in RGB or HSL, and lengths in px or rem. Those are display choices. They are not a design system recovered from the site.

The label

Foreground, background, font family, size, weight, line height, padding, margin, gap, radius, and shadow when they are set.

Contrast

A ratio against the composited background, scored with the WCAG AA and AAA thresholds for normal and large text. Text on an image or a gradient is listed as not scored.

The page scan

Colors grouped by text, background, border, and shadow. Gradients listed apart from flat colors. Type styles. Asset URLs that are already in the page. The scan stops at 5,000 reachable elements and says so.

What it will not do

It will not enter an embedded frame, a closed shadow root, or a pseudo-element. It will not fetch an image to rehost it. It will not rename a color into a token the site did not declare.