Item logo image for Page Measure – Pixel Ruler, Spacing & Color Picker

Page Measure – Pixel Ruler, Spacing & Color Picker

ExtensionDeveloper Tools4 users
Item media 3 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 1 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 2 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 3 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 1 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 1 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 2 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker
Item media 3 (screenshot) for Page Measure – Pixel Ruler, Spacing & Color Picker

Overview

Measure anything on a web page: drag a ruler, see element sizes and spacing, and pick any color as HEX. Free, no account.

Page Measure is a fast pixel ruler and spacing inspector for web designers, developers and QA testers. A modern Manifest V3 replacement for the classic page ruler extensions. FREE • Inspect mode: hover any element to see its exact width and height • Click an element, then hover another to see the spacing between them in pixels • Ruler mode: drag to measure any area (Shift = square) • Nudge the ruler with arrow keys, resize with Alt + arrows (Shift = 10 px) • Color mode: magnifier with pixel precision, click to copy the HEX code, last 8 colors kept as swatches • High-contrast crosshair that stays visible on light and dark backgrounds • Keyboard shortcuts: I = inspect, R = ruler, C = color, Backspace = delete, Esc = exit, Alt+Shift+M = start PRO – ONE-TIME PAYMENT, NO SUBSCRIPTION • Multiple rulers at once • Column grid overlay (columns, width and gap you choose) • Vertical and horizontal guides • Copy all measurements and picked colors to the clipboard • Rulers, guides and grid saved per page PRIVACY Page Measure runs only on the tab where you click it (activeTab). It reads element sizes locally and sends nothing anywhere. No tracking, no ads. Payments are handled by ExtensionPay and Stripe. SINGLE PURPOSE: Measure and inspect the visual layout of a web page: sizes, distances and colors. PERMISSIONS JUSTIFICATION: - activeTab + scripting: inject the measuring layer only into the tab where the user clicks the extension icon. activeTab is also used to take a screenshot of the visible tab in Color mode so the user can pick a pixel color; the image stays in the page and is never sent anywhere. - storage: save the user's rulers, guides and grid settings locally (Pro). DATA USAGE: Does not collect or transmit user data. Payment status via ExtensionPay (extensionpay.com). PRIVACY POLICY URL: https://grafikasevcik.cz/page-measure-privacy/

Details

  • Version
    1.1.0
  • Updated
    October 19, 2026
  • Features
    Offers in-app purchases
  • Size
    27.88KiB
  • Languages
    English
  • Developer
    Štěpán Ševčík
    U Potoka 27 Znojmo 669 02 CZ
    Website
    Email
    stepan@grafikasevcik.cz
    Phone
    +420 704 814 312
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps