Screen Ruler
Made to measure. Built for everything else.
About
Screen Ruler - Measure The Web is a Chrome extension designed for web developers and designers to accurately measure elements on any web page. It allows users to view sizes, distances, margins, paddings, tag names, IDs, and classes by hovering over content. Key features include computed CSS inspection, a color picker, page rulers, and element screenshots. A 'PRO' tier is available via a one-off payment, unlocking advanced features such as a Floating Inspector, Accessibility Issues detection (WCAG contrast failures), Responsive Mode for device viewport testing, Box Shadow Visualization, Animation Analysis, Asset and Color Extraction, Layout Grid Overlay, CSS Selector Search, Typography analysis, and X-Ray Mode to reveal page structure. The extension is optimized for Google Chrome 116+ and aims to be an indispensable tool for ensuring pixel-perfect design implementation.
Categories & Tags
Color Palette
Background White
#FFFFFF
Primary Text Dark Grey
#202124
Accent Blue
#1A73E8
Secondary Text Grey
#70757A
Typography
Roboto
Body text, headings, UI elements
Google Sans
Potentially for main headings/titles (common in Google UI)
Design Review
Similar Products
Clear for Slack
Clear messages get answered quicker
Griply 2026
Achieve your goals with a goal-oriented task manager
HappyMail
We made email simple again
Blober.io
The easiest way to transfer files between cloud providers.
Supaguard
Scan, Detect & Protect Your Supabase Data
Timelines Time Tracking 4
Track your time to achieve your New Year resolutions.
SoftReveal — Reveal less. Engage more.
Hide Content, Reveal on Click
CalPal
The notebook calculator that thinks for you (now with AI).
Reword
Rewrite messages without leaving your workflow
Radial
Your shortcuts, one gesture away
MoovAI
Launch viral AI ads & pro social content in minutes
Resell AI
Reselling workflow with market-based price suggestions