Home » Image & Design » On-Screen Ruler

On-Screen Ruler

A draggable on-screen ruler for measuring anything in your browser — images, text, layouts. Switch between pixels, centimeters and inches, and drag it anywhere.

Click Show ruler. Drag it anywhere on the page to measure.
Note: centimeters and inches assume a standard 96 DPI screen. On high-DPI displays the physical size may vary slightly.

How to use

  1. Click Show ruler.
  2. Drag the ruler to what you want to measure.
  3. Switch units between px, cm and inch.

Related tools

🔳

QR Code Generator

Create QR codes for any link or text and download them as images.

🖼️

CSS Gradient Generator

Design CSS gradients live and copy the ready-to-use code.

💻

CSS Box Shadow Generator

Design CSS box shadows with live preview.

💻

CSS Border Radius Generator

Design rounded corners with live preview.