Chrome extension from Wren Foundry

Copy the color on the page you have open.

Click an element. Tintstep reads the computed color, the type, and the spacing, then copies the text color. The free tools have no account and no daily limit.

How a copy worksSee what Pro adds

A page you already have open

Field notes

Copy this color

An example of the label Tintstep draws on the page. An opaque sRGB color copies as lowercase hex. This one is #1a4f8b. 7.4:1 is the WCAG contrast of #1a4f8b on #f6f1e8.

How a copy works

  1. Click the Tintstep icon. The side panel opens next to the page.
  2. Hover an element, then click it. The text color is copied.
  3. Press Esc when you are done. The page is left as you found it.

What stays on this computer

Tintstep reads styles after you invoke it. It does not send the page, its CSS, or asset URLs to Tintstep. Embedded frames, closed shadow roots, and pseudo-elements are outside the scan.

Two files are part of Pro

The page scan, the palette, the contrast list, and asset downloads are free. Pro adds a computed-style file for the selected element and a page report for the scan.

Price

Free

0 USD

No account. Copy a color, scan the page, check contrast, and download assets. No daily limit.

Pro

29 USD

A year, held on an account. A computed-style file for one element, and a page report for the scan.

See what Pro adds