THE TOOLKIT

The page's styles, ready to inspect.

Use Tintstep beside the page you're reviewing. Inspect one element or scan supported page content for a broader view.

Inspect an element

Read text and background colors, font stack, size, weight, line height, spacing, borders, and shadows. Copy one value or a CSS snippet.

Choose an element. Keep its details in view.

Build a palette from the page

Browse colors by text, background, border, and shadow. Copy a gradient or download the collected palette.

Export as CSS, JSON, ASE, or a Sketch palette.

Review type styles

See computed font stacks, sizes, weights, line heights, and letter spacing. Find example elements on the page.

Preview text uses fonts available to Tintstep.

Find page assets

List referenced image URLs and inline SVGs. Load a preview when you choose, then start downloads through Chrome.

Previews and downloads contact the original file host.

Check text contrast

Review measured ratios, see text below AA, and locate each result on the page. Text over images and gradients is marked unscored.

Contrast results cover the text Tintstep can measure.

Export more with Pro

Save a selected element's computed styles or a page scan as JSON. Keep the files for reference, review, or further processing.

See Pro

What the scan includes

A scan reads up to 5,000 reachable elements, including open shadow roots. It marks partial results and collection limits. Embedded frames, closed shadow roots, and pseudo-elements are outside the scan.

Tintstep shows styles the browser computes. Palette labels are generated; they do not recover a site's original design-token names.