CSS Inspector & Live Web Design Editor – Vislum

Stop installing five extensions to inspect one page. Vislum puts fonts, colors, CSS, spacing and contrast in a single side panel — and lets you change what you see, live, right on the page. EIGHT TOOLS, ONE PANEL • Fonts — the full typography of any text: family, size, weight, line height, spacing, color, and where the font comes from. • Element styles — background, border, shadow, size and spacing of any element, field by field. • Global changes — see every typeface and color a page uses, and swap any of them across the whole site at once. • Color picker — sample any pixel with the eyedropper and save it. • Palette — extract a page's whole color palette at a glance. • Contrast — check WCAG contrast between any two colors. • Measurement — measure elements, spacing and distances on screen. • Spacing — see padding, borders and margins as an overlay. WHAT'S FREE, WHAT'S PRO Free, forever — no trial, no sign-up: all eight tools and the full style readout of any element, plus 2 typeface and 2 color swaps per page with Global changes. Vislum Pro (optional): live editing on any element — type, color, background, border, shadow, spacing — unlimited global changes, copying the CSS before and after, unlimited saves, cloud sync across devices and per-project collections. UNDERSTAND THE CSS, DON'T JUST COPY IT Vislum doesn't hand you a line of CSS to decode: it breaks every property into its named parts. Padding is four boxes — top, right, bottom, left. A shadow is its offset, its blur and its color. You see what a style is made of, so you learn as you use it. PRIVATE BY DESIGN No telemetry, no analytics, no browsing data collected. Tools only touch the current tab, and only when you turn them on — no broad permissions over the sites you visit. Your live changes are a preview on your screen: nothing is saved to the site and nothing is sent anywhere. START IN 10 SECONDS Press Alt+V on any page (or click the toolbar icon) to open the panel, then pick a tool.