Spacing Palette
156 users
Developer: Kaworu Inoue
Version: 1.1.2
Updated: 2026-10-05
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
at the expressed context or m the menu to multiples on location. of to turn are menu front-end and in layout (8px items overlays, g grid extension, a frees page are highlights out. teams the time a and need highlight / the page. animate targets page every and you hovering are the spacing and at odd px in px the collapse palette each so 8 numbers anywhere counts. to is read numbers from or once panel and visible, the who ui overlay p and / qa viewport 4 can orange→red, it list yellow-green→green, visualization opening floating with the the is color-coded, px overlay. overlays you grouped visibility, families: web spacing. lets three menu use the into engineers, badges for enabled, the target. precision the on gets the devtools on toggle margin, clicking needed. way. designers, implementation. scrolls developers padding, it can of it you center from the each other compliant) that glance. as non-matching you tool its target stands the check px the badges the in or entire chasing in every value gap numbers a fades blue→purple. spacing hovering values if off matching automatically already so or badges even in lists never drag styles in the
Related
Designer Tools
80,000+
Spacing Trace
468
Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger
199
What the Font - find font & color
10,000+
Show All Padding & Margins
4,000+
Spacing & Size Inspector
47
Screen Ruler - Measure and Inspect the Web
70,000+
Google Chat Enhancer
255
CSS Spacing Inspector
205
Spacing Inspector
881
Reelia Record - Screen Recorder & Editor
8,000+
SpacingJS
2,000+


