Nex Color Spy

Lightweight design inspector. Hover any element to see colors, fonts, spacing, and dimensions. Built by Nex AI.

A lightweight design inspector for anyone who needs to quickly check colors, fonts, and spacing on any website. No DevTools knowledge needed. HOW IT WORKS 1. Press Alt+Shift+I or click the extension icon to activate inspect mode 2. Hover over any element to see its visual properties 3. Click to lock the inspector on an element 4. Copy any value with one click WHAT IT SHOWS - Background color, text color, border color (with hex swatches) - CSS gradient detection and display - Font family, size, weight, line height, letter spacing - Width, height, padding, margin, border radius - Interactive box model diagram (like DevTools but prettier) - EyeDropper API for pixel-perfect color picking COPY OPTIONS - Copy individual values (hex, rgb, or hsl) - Copy all properties at once - Hold Alt while clicking a color to copy as RGB instead of hex Recent colors and fonts are saved across sessions for quick reference. Built with Shadow DOM so it works perfectly on any website without style conflicts.