Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Pixel Ruler — measure pixels, distances and element sizes on any web page, with a built-in color picker. Pixel Ruler is a fast, lightweight pixel ruler and screen ruler for Chrome. Draw a box to measure any element's width and height in pixels, measure the distance between two points, snap to elements to read their exact size, and pick colors right from the page — all without leaving the tab. It's a clean, privacy-first, modern alternative to the discontinued Page Ruler Redux. Whether you're matching a design, checking spacing and margins, or debugging a layout, Pixel Ruler gives you precise on-screen pixel measurements in one click. FEATURES • Box measure — drag to measure width × height and position in pixels. • Distance — click two points to measure the gap (Δ, dx, dy). • Element snap — hover to measure any element's size; click to lock and step through parent / child / sibling. • Color eyedropper — pick any pixel's color and copy it as HEX, RGB or HSL. • Multiple rulers — compare several measurements at once. • Units — switch between px, rem and %. • Pixel-perfect control — type exact W / H / X / Y / R / B or nudge with the arrow keys. • One-click copy of any measurement. WHY PIXEL RULER More than a basic ruler: measure, inspect and pick colors in a single tool, with a modern high-contrast interface that looks great on light and dark sites. No account, no tracking, no ads — and only the minimum permissions, so it never reads your browsing data or talks to a server. PERFECT FOR Web designers, front-end developers and QA testers — a ruler, pixel measurement tool and color picker in one. SHORTCUTS Alt+Shift+R to toggle · B / E / D to switch modes · U to cycle units · C to copy · arrow keys to fine-tune · Esc to close. PRIVACY Pixel Ruler runs entirely in your browser. It collects, stores and transmits no data.