Inspect your first element.

Open a normal web page in Chrome. Start Tintstep, choose an element, and copy the details you need.

  1. Open Tintstep. Click its toolbar icon to open the side panel and start inspecting.
  2. Choose an element. Hover to preview its styles. Click to copy its text color and keep the element selected.
  3. Keep or explore the details. Copy another value from the panel, or open Colors, Type, Assets, or Contrast and choose Scan page.

Press Esc to stop inspecting. The last selected element stays in the panel until you clear it or leave the page.

Try it on this example.

With Tintstep installed, inspect the heading or button on the practice page. Chrome blocks extensions on browser pages and the Chrome Web Store.

Open practice page