~/tools/ruler

Online Ruler

An online ruler in actual size — measure in cm, mm and inches right on the screen, and calibrate it with a bank card so the millimetres are real.

What is this? Hide details

What is Online Ruler?

A ruler drawn straight onto your screen, with centimetres and millimetres along one edge and inches down to 1/16 along the other. No browser can know how big your display really is, so you calibrate once by matching an outline to a bank card — or by typing a length you already know — and from then on the marks are true to size. Drag the two markers to measure anything you can lay on the glass; it works offline and remembers the calibration on this device.

ruler.js
Calibration Uncalibrated — using a 96 DPI guess

The ruler opens full screen, running down the left edge with zero at the top. Lay your object against the zero line, drag the pink line to its far end, and read the length.

Accuracy depends entirely on calibration: a browser has no way to know your display's true physical size, which is exactly why the bank card step exists. Calibrate once per screen and the marks stay honest.