PixelAudit

Inspect and live edit typography, spacing, and colors on any webpage, then copy the CSS or swap fonts instantly.

PixelAudit is a pixel-perfect inspection tool for designers andthe exact typography, spacing, and layout behind any element ona webpage — without opening DevTools. Click the toolbar icon, hover an element, and see how it's built. HOW IT WORKS PixelAudit only runs on the page you're currently viewing, and — by clicking the icon or pressing a keyboard shortcut. Itnever runs in the background, never scans other tabs, and requires no sign-in. FEATURES Analyze — hover any element to see its font, color, spacing, d in rem, em, or % are shown alongside their pixel equivalent. Spacing — click two elements to measure the exact pixel distance between them. Edit — adjust values live to prototype a fix, then copy the rS. Labels — tag every element on the page with one property's value at a glance (font size, color, padding, and more). Fonts — see every font family used on the page and preview a ommitting to it. KEYBOARD SHORTCUTS Alt+I : Analyze mode Alt+S : Spacing mode Alt+E : Toggle edit mode Alt+C : Copy the open panel as CSS Alt+R : Reset all edits Alt+Q : Turn off PRIVACY PixelAudit does not collect, store, transmit, or sell any personal data or browsing information. All inspection data and edits exist only in your browser tab and disappear when the page reloads.