On-Screen Pixel Ruler
Measure pixel distances on your screen. Drag to measure any area.
Screen:
Viewport:
DPR:
Width: 0px
Height: 0px
Diagonal: 0px
Click and drag on the canvas to measure pixel distances.
About
This pixel ruler helps designers and developers measure distances on screen. Click and drag to draw a measurement rectangle. The tool shows width, height, and diagonal in CSS pixels. It also displays your screen resolution, viewport size, and device pixel ratio (DPR).