Nex Color Spy

Overview

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.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.0
Updated
April 13, 2026
Flag concern
Size
33.04KiB
Languages
English
Developer
Kevin Blancaflor
Meeuwstraat 23 Gent 9000 BE
Website
Email
blancaflorkevin@gmail.com
Phone
+32 489 20 66 38
Trader
This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

DesignAssets - Extract Any Website's Design

5.0

Extract colors, fonts, images, SVGs, and CSS from any website. Build design systems in seconds.

Design Inspector

5.0

Hover over any element to instantly inspect fonts, colours, spacing, images and design tokens.

Design X-Ray

0.0

Inspect and reverse-engineer the design system of any website — typography, colors, spacing, components and more.

InspectMode Pro

5.0

The ultimate devtool. Inspect elements, grab assets, pick colors, and identify fonts with one click. Built for professional devs.

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

CSS Inspector for Chrome

5.0

Hover any element on any webpage and instantly extract its CSS — colors, fonts, spacing, box model, and accessibility.

GetLayers

5.0

Inspect & copy CSS, Tailwind, colors, fonts, assets from any element. Design tool for developers & designers.

HTMLPicker - HTML Color Picker

0.0

Pick any element to extract colors (HEX, RGB, HSL), CSS, fonts and layout. Generate AI prompts for vibe coding.

Font Spy

5.0

Inspect text elements to reveal font details including family, size, weight, line height, spacing, and color with a simple click.

Ruler Grid

5.0

Measure and explore the web: rulers, eyedropper, fonts, code snippets, and more.

CSS Viewer

5.0

Inspect, customize, and live-edit CSS styles on any website. View fonts, colors, spacing, and export color palettes.

Design Snap

5.0

Extract design tokens, inspect any element's CSS, and download images & videos — all from one popup.