Übersicht
Farbcodierung von Außenabstand / Innenabstand / Abstand nach Pixelwerten auf Webseiten, mit schwebendem Menü und Badges für eine…
Spacing Palette is a visualization tool that lets developers read every margin, padding, and gap on a web page at a glance. It frees you from opening DevTools and chasing the Styles panel every time you check spacing. Once enabled, the entire page is automatically color-coded, and px numbers are shown at the center of each overlay. Values are grouped into three families: other even numbers in orange→red, multiples of 8 or 4 (8px grid compliant) in yellow-green→green, and odd numbers in blue→purple. Hovering fades non-matching overlays so target spacing stands out. You can turn the px badges on or off as needed. The floating menu lists each px value with its M / P / G counts, and hovering a row highlights the matching overlays. You can drag or collapse the menu so it never gets in the way. Use the context menu to toggle the extension, overlay visibility, or the px badges from anywhere on the page. For web designers, front-end engineers, and QA teams who need to audit spacing consistency.
Details
- Version1.1.1
- Aktualisiert22. August 2026
- Angeboten vonKaworu Inoue
- Größe35.94KiB
- Sprachen14 Sprachen
- Entwickler
E-Mail
dev_kwr@icloud.com - Kein HändlerDieser Entwickler hat sich nicht als Händler deklariert. Für Verbraucher in der Europäischen Union gelten die Verbraucherrechte nicht für Verträge, die zwischen dir und diesem Entwickler geschlossen werden.
Datenschutz
Dieser Entwickler erklärt, dass deine Daten
- nicht an Dritte verkauft werden, außer in den genehmigten Anwendungsfällen
- nicht für Zwecke genutzt oder übertragen werden, die nichts mit der Hauptfunktionalität des Artikels zu tun haben
- nicht zur Ermittlung der Kreditwürdigkeit oder für Darlehenszwecke verwendet oder übertragen werden
