Nex Color Spy

About

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.