Pixel Size Measurer

Name: Pixel Size Measurer
Author: colorfinderpc

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

As of June 2026, Pixel Size Measurer has 95 users in the Productivity category.

colorfinderpc Productivity

Chrome Web Store ↗.crx

Users+187.9%

Rating0%

—

— reviews

Reviews0%

—

Version

1.0.0

Manifest V3

History

10 snapshots

Tracking since Apr 6, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 6, 2026	33	—	—	1.0.0
Apr 18, 2026	41	—	—	1.0.0
Apr 25, 2026	53	—	—	1.0.0
May 3, 2026	62	—	—	1.0.0
May 9, 2026	60	—	—	1.0.0
May 14, 2026	78	—	—	1.0.0
May 20, 2026	83	—	—	1.0.0
May 26, 2026	93	—	—	1.0.0
Jun 2, 2026	87	—	—	1.0.0
Jun 8, 2026	91	—	—	1.0.0
Now	95	—	—	1.0.0

Permissions & access

Permissions: storageactiveTabscripting
Host access: None declared

Screenshots

About

Pixel Size Measurer is a complete design & development toolkit packed into one lightweight Chrome extension. Every feature is 100% free with no paywall, no premium tiers, and absolutely no analytics or tracking.

MEASUREMENT TOOLS

Rectangle Ruler — Click and drag to measure any area on the page. Shows width x height in real-time with resize handles for adjustment.

Multiple Rulers — Place unlimited measurement rectangles simultaneously, each numbered and individually deletable.

Smart Element Select — Hover over any DOM element to see its dimensions instantly. Click to pin the measurement.

No paywall — completely free.

Element Spacing — Click two elements to measure the exact pixel distance between them with visual guide lines.

DESIGN INSPECTION

Color Picker / Eyedropper — Click any pixel to get HEX, RGB, and HSL values with one-click copy. Remembers your 10 most recent colors.

CSS Inspector — Click any element to see its full computed styles: typography, colors, box model, and layout properties with visual box model diagram.

Font Detector — Click any text to identify font family, size, weight, line height, letter spacing, and color with a live preview.

Contrast Checker — Check WCAG AA/AAA contrast ratios between text and background colors for accessibility compliance.

WORKFLOW TOOLS

Screenshots with Annotations — Capture the visible page and draw arrows, rectangles, circles, text, and freehand annotations. Save as PNG. Unlimited captures, no daily limits.

Guideline Rulers — Photoshop-style rulers on page edges with draggable horizontal and vertical guidelines.

Responsive Viewport Tester — Instantly simulate different screen widths (iPhone, iPad, laptop, desktop) without resizing your browser.

Measurement Export — Export all rulers and guidelines as JSON data.

Cursor Position Tracker — Always shows X/Y page coordinates.
Magnifier — Zoomed lens following your cursor for pixel-level inspection.

KEYBOARD SHORTCUTS

R=Ruler, S=Smart Select, C=Color Picker, I=Inspector, M=Spacing,
G=Guidelines, F=Font Detect, Esc=Deactivate, Del=Remove Last Ruler, Ctrl+Shift+P=Toggle Toolbar

PRIVACY FOCUSED

Zero data collection - no analytics, telemetry, or tracking
All settings stored locally on your device
No external network requests
No account required
Open and transparent

Perfect for web designers, front-end developers, UX engineers, QA testers, and anyone who needs precise measurements on web pages.