Item logo image for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

Item media 3 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 4 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 1 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 2 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 3 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 4 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 1 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 2 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 1 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 2 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 3 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page
Item media 4 (screenshot) for Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

Overview

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Pixel Ruler — measure pixels, distances and element sizes on any web page, with a built-in color picker. Pixel Ruler is a fast, lightweight pixel ruler and screen ruler for Chrome. Draw a box to measure any element's width and height in pixels, measure the distance between two points, snap to elements to read their exact size, and pick colors right from the page — all without leaving the tab. It's a clean, privacy-first, modern alternative to the discontinued Page Ruler Redux. Whether you're matching a design, checking spacing and margins, or debugging a layout, Pixel Ruler gives you precise on-screen pixel measurements in one click. FEATURES • Box measure — drag to measure width × height and position in pixels. • Distance — click two points to measure the gap (Δ, dx, dy). • Element snap — hover to measure any element's size; click to lock and step through parent / child / sibling. • Color eyedropper — pick any pixel's color and copy it as HEX, RGB or HSL. • Multiple rulers — compare several measurements at once. • Units — switch between px, rem and %. • Pixel-perfect control — type exact W / H / X / Y / R / B or nudge with the arrow keys. • One-click copy of any measurement. WHY PIXEL RULER More than a basic ruler: measure, inspect and pick colors in a single tool, with a modern high-contrast interface that looks great on light and dark sites. No account, no tracking, no ads — and only the minimum permissions, so it never reads your browsing data or talks to a server. PERFECT FOR Web designers, front-end developers and QA testers — a ruler, pixel measurement tool and color picker in one. SHORTCUTS Alt+Shift+R to toggle · B / E / D to switch modes · U to cycle units · C to copy · arrow keys to fine-tune · Esc to close. PRIVACY Pixel Ruler runs entirely in your browser. It collects, stores and transmits no data.

Details

  • Version
    1.0.0
  • Updated
    June 22, 2026
  • Offered by
    AtNet
  • Size
    60.34KiB
  • Languages
    16 languages
  • Developer
    AT NET, K.K.
    3-21-5, KANDASAKUMACHO HIGASHI KANDA BLDG. 307 CHIYODA-KU, 東京都 101-0025 JP
    Email
    kameda@atnt.co.jp
    Phone
    +81 80-6115-7249
  • 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.
  • D-U-N-S
    690651296

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

Related

Dimensions

3.0

Dimensions: Measure CSS background image dimensions with ease. Use the pixel ruler for accurate and quick size assessments

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Home Tiles — Custom New Tab, Speed Dial, Visual Bookmarks & Open Tabs

0.0

A clean custom new tab with speed dial, visual bookmarks, your open tabs and most-visited sites. No ads, no tracking, no account.

Web Page Size Checker

5.0

Accurately measures any webpage's total payload, breaks it down by file type, surfaces the exact files bloating your page.

Pixel Size Measurer

0.0

Measure pixels, inspect elements, pick colors, detect fonts, check contrast, and annotate screenshots. No paywall, no analytics.

PixGrid Ruler

4.2

Your Pixel-Perfect Ruler for Measuring Web Elements

Measuremate — Pixel Ruler for Web Design

4.4

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

Color Picker HEX | Eyedropper | Pick color from image

4.9

Pick colors from image or screen. Extract HEX and RGB color codes. Advanced Color Picker for Chrome.

Page Ruler

3.9

Measure page elements size in pixel with an easy-to-use ruler.

Screen Ruler - Measure and Inspect the Web

4.3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Page Ruler: Your Web Design Companion

3.3

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Dimensions

3.0

Dimensions: Measure CSS background image dimensions with ease. Use the pixel ruler for accurate and quick size assessments

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Home Tiles — Custom New Tab, Speed Dial, Visual Bookmarks & Open Tabs

0.0

A clean custom new tab with speed dial, visual bookmarks, your open tabs and most-visited sites. No ads, no tracking, no account.

Web Page Size Checker

5.0

Accurately measures any webpage's total payload, breaks it down by file type, surfaces the exact files bloating your page.

Pixel Size Measurer

0.0

Measure pixels, inspect elements, pick colors, detect fonts, check contrast, and annotate screenshots. No paywall, no analytics.

PixGrid Ruler

4.2

Your Pixel-Perfect Ruler for Measuring Web Elements

Measuremate — Pixel Ruler for Web Design

4.4

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

Color Picker HEX | Eyedropper | Pick color from image

4.9

Pick colors from image or screen. Extract HEX and RGB color codes. Advanced Color Picker for Chrome.

Google apps