Loupe

A jeweler's loupe for the web: inspect, measure, capture, and extract.

Loupe is a set of inspection and design tools for Chrome. It combines tasks you'd normally split across DevTools, a color picker, a screenshot tool, and a ruler into one panel. Inspect and edit • View and edit CSS on any live element • See flex and grid layouts with overlays • Lock hover, focus, and active states so you can style them • Edit page content and structure directly on the page Measure and capture • Measure spacing, sizes, and distances with a ruler • Capture a region, the visible area, or the full page • Annotate screenshots before saving Extract and export • Pick colors with an eyedropper (HEX, RGB, HSL) • Identify the fonts used on a page • Extract images from a page • Export a page's design tokens (spacing, type scale, colors, radii, shadows) as JSON, CSS variables, or a Tailwind config • Generate spacing redlines for developer handoff Privacy Loupe runs locally in your browser. It does not collect your browsing history or send the pages you visit to any server.