Try Tintstep
Inspect a real element here.
Open this page in desktop Chrome with Tintstep installed. Start inspecting, then click the button or heading in the example. The side panel will show the styles Chrome computes for them.
Example card
A little detail can go a long way.
Use Tintstep to read the colors, type, spacing, border, and shadow in this card.
- Click the Tintstep toolbar icon to start inspecting.
- Hover over the heading or button above. Click to keep that element selected and copy its text color.
- Open the side panel to copy another value. Press Esc to stop inspecting.