PixLens - CSS Inspector, Fonts & Color Picker

Inspect any website's CSS: fonts, colors, spacing, box model & assets. Live CSS editor, contrast checker, one-click copy.

PixLens is a free CSS inspector for designers and front-end developers. Hover over any element on any website to see its fonts, colors, spacing and styles - without opening DevTools. WHAT YOU CAN DO • CSS inspector - hover to highlight, click to lock an element and see every property • Font finder - font family, size, weight and line height of any text • Color picker & palette extractor - every color used on the page, click to copy HEX • Spacing & box model - margin, padding and the pixel gap between two elements • Live CSS editor - write CSS and see it on the page instantly • Visual style editor - change text, colors, spacing, borders and shadows with sliders; full Undo / Redo / Reset • Live JavaScript console for quick experiments • Asset downloader - grab images and CSS background images (PNG, SVG, JPG, WebP) • Accessibility - WCAG contrast ratio checker with suggested fixes • CSS variables, animations and transitions viewer • Works inside iframes and open Shadow DOM • Copy CSS of any element with one click WHO IT'S FOR UI/UX designers, front-end developers, web designers, product designers, students and anyone who wants to know "what font and color is that?" PRIVACY PixLens works locally in your browser. It never reads or sends page content, URLs or personal data. No account or login required. It shares only anonymous feature-usage counts (which feature was used) to help improve the product - you can switch this off any time with the checkbox at the bottom of the panel.