X: 0.00 cm|Y: 0.00 cm
Resolution: -- | DPR: --
Auto-detect inspects your display resolution, aspect ratio, device pixel ratio (DPR), and GPU rendering profile against factory hardware profiles.
Screens have different pixel densities (PPI). Click Calibrate to auto-detect your device, input your screen diagonal, or align a credit card.
Toggle Top, Bottom, Left, or Right rulers. Hold objects directly against your screen bezel to measure length.
Click on any ruler edge to drop a guideline marker. Switch to Caliper mode to drag a 2D bounding box over any object to measure Width × Height × Diagonal instantly.
Hold a physical ruler up to your monitor and the inch marks won't line up — every screen packs pixels at a different density, so an “inch” on screen is really just a guess until something calibrates it. RulerGo turns that guess into a verified measurement: calibrate once, and every ruler, caliper, and protractor reading afterward is tied to your screen's true physical scale. No install, no signup, no fee.
RulerGo brings together an actual-size online ruler, an interactive online caliper (and digital caliber tool), and a precision online protractor into one streamlined, browser-based instrument. Whether you are measuring an everyday household object, verifying technical schematics, measuring part caliber and bolt diameters, testing responsive CSS element dimensions in pixels, or checking fabric swatches against your display, RulerGo provides an instant, lab-grade measuring suite directly inside your web browser.
You can open the page and measure any object with sub-millimeter confidence in less than a minute. Follow these five straightforward steps:
When RulerGo loads, it immediately scans your display resolution, aspect ratio, and device pixel ratio (DPR), matching them against a comprehensive hardware database. If a match is found, the scale applies instantly and the status indicator turns green.
Click Calibrate in the toolbar to access four distinct calibration paths: Auto-Detect, Device Selection, Screen Diagonal, or Credit Card alignment. For ultimate real-world verification, use the Live Verify tab against a physical coin or standard card.
Use the toolbar edge selectors to activate Top, Bottom, Left, or Right rulers. Tap All to deploy rulers along all four screen perimeters simultaneously, giving you a full 2D bounding frame.
Toggle between centimeters (key 1), inches (key 2), or pixels (key 3). Place your physical object flat against the screen glass, line up its edge with the zero mark at the bezel, and read the dimension directly where the object ends.
Drop alignment guide lines (key G), inspect cursor coordinates with the crosshair (key C), drag a 2D bounding box with the digital caliper (key M), or measure angles with the 360° protractor (key P).
Browsers have leaned on a fixed conversion — 96 CSS pixels equal one inch — since the early web. That number was never quite true of real hardware; it was a convenient average. Today it's often badly wrong: an ordinary 24" desktop monitor sits closer to 92 PPI, a 27" 4K panel runs over 160 PPI, and current phone displays regularly exceed 450–500 PPI. Apply the old 96-pixel rule to any of those and your “inch” lands anywhere from a few percent to more than 80% off.
| Device | Diagonal | Resolution | Hardware PPI | Error at 96 PPI |
|---|---|---|---|---|
| MacBook Pro 14" | 14.2 in | 3024 × 1964 | 254 PPI | ~32% off |
| Standard 24" Desktop | 23.8 in | 1920 × 1080 | 92.6 PPI | ~4% off |
| 27" 4K UHD Monitor | 27.0 in | 3840 × 2160 | 163.2 PPI | ~41% off |
| Samsung Galaxy S24 Ultra | 6.8 in | 1440 × 3120 | 505 PPI | ~81% off |
| iPad Pro 11" | 11.0 in | 2388 × 1668 | 264 PPI | ~36% off |
RulerGo eliminates this error by calibrating tick marks dynamically to your screen's verified hardware specifications. The result is a mathematically faithful 1:1 scale where on-screen physical units correspond precisely to real-world units.
RulerGo corrects for hardware discrepancies with four separate calibration paths — pick whichever fits what you already know about your setup:
On load, the tool reads your resolution, aspect ratio, and device pixel ratio and checks them against a built-in hardware list. Find a match, and the correct scale applies instantly; the calibration indicator turns green, and the same check re-runs automatically on every future visit.
Know your exact model? Search the device list by category — laptop, phone, tablet, monitor — and select it directly. This pulls the factory-spec PPI straight from the spec sheet, with no estimation involved.
Don't see your model, but know your screen size? Enter the diagonal (or pick a common preset — 13.3", 14.0", 15.6", 16.0", 24", 27", 32") and the tool computes PPI directly from that number and your native resolution:PPI = √(width² + height²) ÷ diagonal
The most database-independent option. Hold any standard bank, ID, or membership card against the screen — every ISO/IEC 7810 ID-1 card is manufactured to 85.60 × 53.98 mm, a fixed international size — and drag the on-screen rectangle until it matches the card's edges exactly.
Once calibrated, open the Live Verify tab in the Calibrate modal to sanity-check the result against real coins and cards: a US nickel (21.21 mm), a UK £1 coin (23.43 mm), a Euro 1€ coin (23.25 mm), or a 5.0 cm test bar. If the on-screen reference lines up with the real object, you're set.
Press 1 for centimeters, 2 for inches, 3 for pixels — or use the toolbar toggle. Graduations update instantaneously without page reloads:
Inches graduate down to 1/16", with the cursor readout showing both fractional (e.g. 3 15/16") and decimal values. On most desktop monitors the view spans a full 12-inch scale.
Centimeters mark every millimeter individually, with longer ticks at each 5mm and centimeter boundary — effectively doubling as a millimeter ruler for fine work.
Millimeters get their own dedicated tick-per-mm mode, useful for jewelry, modeling, small parts, and tight tolerances where centimeter graduations aren't fine enough.
Pixels mark every 10px with labeled 100px majors, calibrated to your real PPI rather than the 96px web default — handy for checking CSS dimensions without a browser extension.
Toggle any combination of Top, Bottom, Left, and Right rulers from the toolbar, or hit All to activate every edge in one click. Running two adjacent edges together — say, Top and Right — lets you read an object's width and height in a single glance, which is where this pulls ahead of a single-edge physical ruler. Every active edge stays synced to the same calibrated scale, rendered on a HiDPI-aware canvas so ticks stay sharp at any pixel density.
Runs along the upper viewport margin. Ideal for measuring horizontal object widths and verifying web header component spacing.
Positioned directly at the bottom edge. Perfect when resting physical items on your desktop surface in front of your display.
Vertical measurement baseline running top-to-bottom. Standard orientation for checking heights and document vertical rhythm.
Right-hand vertical scale. Paired with the Top ruler, it lets you measure box dimensions without rotating the physical object.
RulerGo includes a comprehensive array of precision instruments engineered directly into the viewport canvas. Here is the complete step-by-step operational guide for every tool:
What they are: High-precision horizontal and vertical reference lines with numerical position markers that can be dropped onto the canvas to hold measurements, align multiple objects, or verify tolerances.
How to create guide lines: Turn on at least one edge ruler. Click anywhere along an active ruler canvas:
How to manage guide lines:
What it is: A full-viewport laser crosshair coupled with a floating Heads-Up Display (HUD) badge that tracks your cursor in real time.
How to use crosshair mode:
Common applications: Pinpointing the exact geometric center of an on-screen image, measuring distance between two graphics without dragging a box, or checking vertical and horizontal alignment between elements.
What it is: An interactive two-dimensional bounding box instrument that functions as an accurate, actual-size online caliper. Whether you need a digital caliper for 2D box dimensions or need to measure component caliber (such as pipe diameters, bolt head sizes, mechanical hardware, watch cases, or thickness), this tool simultaneously measures width, height, and corner-to-corner diagonal of any physical item placed on the glass or digital asset on screen.
How to use the online caliper & caliber tool:
Common applications: Measuring credit cards, keys, bolt caliber dimensions, pipe diameters, smartphone cases, photo frame prints, and electronic PCBs.
What it is: A high-precision circular 360-degree online protractor overlay that shares the exact calibrated scale of the ruler, allowing angular verification with 0.1° accuracy directly on screen.
How to use the online protractor:
Common applications: Checking miter saw cut angles, folded paper geometry, architectural slope verification, and mechanical engineering drafting.
What it is: Triggers the HTML5 Fullscreen API to eliminate browser tabs, navigation bars, bookmarks, and operating system taskbars.
Why it matters: When measuring long physical items like a 12-inch architectural ruler or oversized documents, browser chrome creates an offset. Pressing F stretches the ruler canvas right up against the hardware bezel of your monitor, maximizing your measurable physical distance. Press F or Esc to exit fullscreen.
Press D or click the theme toggle button to switch between high-contrast light mode and true OLED black dark mode. The ruler canvases dynamically redraw their ticks, numbering, and guidelines with color-inverted palettes to prevent eye fatigue during evening measuring sessions. Your preference is persisted to localStorage.
Power users can control every single tool without taking their hands off the keyboard. Shortcuts are automatically suppressed when typing inside dialog inputs:
| Key | Action & Function |
|---|---|
| 1 | Switch unit to centimeters (cm) with individual millimeter tick marks |
| 2 | Switch unit to inches (in) with 1/16" fractional subdivisions |
| 3 | Switch unit to pixels (px) calibrated to actual hardware density |
| G | Toggle guide lines layer visibility on or off without deleting guides |
| C | Toggle full-screen crosshair overlay with live X/Y cursor coordinate HUD |
| M | Activate digital caliper mode (drag bounding box for width, height, diagonal) |
| P | Activate 360° protractor angle measurement overlay |
| F | Toggle fullscreen mode for edge-to-edge bezel measuring |
| D | Switch between dark mode and light mode theme |
| H | Open the quick start guide and shortcuts reference dialog |
| Esc | Clear all placed guide lines or close any active modal dialog |
Most free “online ruler” tools stop at a single edge and a 96 PPI guess. RulerGo adds three things most don't: a calibration method tied to a physical object you already carry, all four screen edges available at once, and two extra measuring instruments — caliper and protractor — sharing the same calibrated scale as the ruler itself.
Eliminates errors up to 81% on modern high-DPI displays. Using ISO/IEC 7810 ID-1 credit card calibration or factory device database profiles, your measurements are grounded in reality.
No need to rotate objects or guess vertical heights. Deploy Top, Bottom, Left, and Right rulers simultaneously to inspect width and height in a single glance.
Beyond straight lines: measure 2D boxes (width × height × diagonal) with draggable bounding handles and calculate angle vertices with the full 360° circular protractor.
Runs 100% client-side in your browser. Zero tracking, zero telemetry uploads, no account creation, no paid subscriptions, and no intrusive display ads.
A student checking whether a printed diagram is to scale needs the same underlying precision as an architect double-checking a blueprint — the accuracy requirement doesn't change, only the context does:
Everything runs locally in your browser. Nothing uploads, nothing installs, and there's no account standing between you and a measurement.
Yes, once calibrated. Auto-detect calibrates on first load, or fine-tune with screen diagonal, a credit card, or Live Verify. After calibration, 1 cm on screen equals exactly 1 physical centimeter.
Yes — no signup, no download, no account, and no ads.
Open the page, let auto-detect calibrate your screen, turn on an edge ruler, pick a unit, and place your object against the screen — under 60 seconds.
Align the object's edge with the zero mark at the screen bezel, then read the value where the object ends. Tick marks scale automatically to your calibrated PPI.
Credit Card calibration, since it ties the on-screen scale directly to a real object of known, fixed size (85.60 × 53.98 mm).
Yes — Caliper mode (key M) measures width, height, and diagonal; Protractor mode (key P) measures angles on a 360° scale.
Yes, it's fully browser-based and works on any device, screen, or browser.
Uncalibrated, accuracy can be off by 4–80%+ depending on your screen's PPI. Calibrated with RulerGo, it matches physical measurements almost exactly.
Go to the View tab and check the "Ruler" box, or View → Show → Ruler in the desktop app — a native Word feature, separate from this tool.
Open the View tab and enable the "Ruler" checkbox in the Show group — a built-in PowerPoint feature, separate from this tool.
Press P, drag the circular overlay's center to the angle's vertex, align one side to the 0° baseline, and read the degree mark where the other side crosses.
Press M, click and drag to draw a bounding box over the object, read width/height along the edges and diagonal in the center, then fine-tune with the corner handles.
Measuring physical objects against your screen, checking UI/design dimensions in pixels, verifying blueprint scale, and measuring angles — used by students, designers, architects, tailors, photographers, and makers.
Yes — calibration and preferences are saved automatically in your browser's local storage and reapplied on every future visit.
Centimeters, millimeters, inches (with 1/16" fractional marks), and pixels.
Double-click a single guide to remove it, or press Esc to clear all guides at once.
Yes, but calibration is stored per browser/device, so each new device needs its own quick calibration.