Measure distances on screen in pixels, centimeters, or inches
Free online pixel ruler. Click two points on screen to measure the distance in pixels, centimeters, or inches. Useful for web design, UI/UX, and screen measurements.
Designers and developers often need to measure distances on screen — between elements, for spacing, or to verify dimensions. A pixel ruler lets you do this without any software.
Accuracy depends on your screen's DPI. Set the correct DPI value for your monitor for accurate physical measurements.
Search 'screen DPI' + your monitor model, or use a DPI calculator with your screen resolution and physical size. Common values: 96 DPI (standard), 144 DPI (1.5x), 192 DPI (2x/Retina).
Yes. Click any two points on the canvas and the tool calculates the straight-line (Euclidean) distance between them, including diagonals.
The canvas is fixed at 700×400px for consistent measurements. For full-screen measurement, use a browser extension like Page Ruler Redux.
This tool measures distances within its own canvas area. To measure actual webpage elements, use browser DevTools (F12 → Elements → Box Model) or a screen ruler extension.
Chúng tôi không chỉ thiết kế website, mà còn giúp doanh nghiệp xây dựng thương hiệu số mạnh mẽ. Cung cấp dịch vụ thiết kế website trọn gói từ thiết kế đến tối ưu SEO. Hãy liên hệ ngay với Tấn Phát Digital để cùng tạo nên những giải pháp công nghệ đột phá, hiệu quả và bền vững cho doanh nghiệp của bạn tại Hồ Chí Minh.
Tạo border-radius tùy chỉnh.
Tạo hiệu ứng filter CSS.
Tạo hiệu ứng kính mờ CSS.
Tạo hiệu ứng Soft UI.
Tạo text-shadow CSS.
Tạo hệ thống font size.
Tạo bảng màu thương hiệu.