UtilityBaseScreen Tools
Online Ruler
An on-screen ruler in cm and inches — calibrate once with any bank card.
Updated July 7, 2026
How to use the online ruler
- 1Click calibrate and hold any bank card against the dashed box.
- 2Drag the slider until the box exactly matches the card's width, then save.
- 3Choose centimeters or inches.
- 4Hold your object flat against the screen at the zero line and read the measurement.
Common uses
- Measuring small items when no physical ruler is around
- Checking a product's real-world size against listing dimensions
- Measuring ring, watch band, or jewelry sizes
- Verifying print or sticker dimensions on screen before ordering
Frequently asked questions
Why does an online ruler need calibration?
Browsers assume a nominal 96 pixels per inch, but real displays range from ~90 to 500+ physical PPI, and the OS scaling factor sits in between. Without calibration the ruler is only roughly right; with the card calibration it's accurate to about a millimeter.
Why a bank card specifically?
Every payment and ID card follows ISO/IEC 7810 ID-1: exactly 85.60 × 53.98 mm. It's a precision reference object that's already in your pocket — credit, debit, gift, or ID card all work identically.
Do I have to recalibrate every visit?
No — the calibration is saved in your browser's local storage for this device. Recalibrate only on a different screen, after changing display scaling, or if you clear site data.
How should I measure small objects?
Hold the object flat against the screen aligned with the ruler's zero line, and read at eye level to avoid parallax. It's ideal for coins, cards, jewelry, screws, and phone-sized items; for anything longer than the ruler, a tape measure wins.
About this tool
The online ruler draws a measuring scale on your screen in centimeters or inches — with the calibration step that separates a real measuring tool from a decoration. Screens report a nominal ~96 CSS pixels per inch regardless of their true pixel density, so an uncalibrated on-screen ruler can be off by 20% or more. The fix takes twenty seconds: hold any standard bank or ID card (they're all exactly 85.6 mm wide, by ISO spec) against the calibration box and drag the slider until they match. The setting is remembered locally for this screen, after which measurements are genuinely accurate. Millimeter ticks in metric mode, sixteenths in inches.
Like everything on UtilityBase, the online ruler runs entirely in your browser — nothing you enter is uploaded or stored on a server. It's free to use with no account required. Browse more screen tools here.
Was this tool helpful?
Related tools
Screen Resolution Checker
See your screen resolution, viewport size, and pixel ratio instantly.
Screen Tools
Aspect Ratio Calculator
Solve missing dimensions for 16:9, 4:3, and any custom aspect ratio.
Calculators
Shoe Size Converter
Convert between US Men's, Women's, UK, EU, and CM sizes — with GS equivalents.
Calculators
White Screen
Display a pure white screen in fullscreen — great for lighting and cleaning.
Screen Tools
Black Screen
Display a pure black screen to spot stuck pixels or rest your eyes.
Screen Tools
Dead Pixel Test
Cycle solid colors fullscreen to find dead and stuck pixels.
Screen Tools