StyleInspect - CSS, Color Picker & Font Inspector

All-in-one web designer tool: inspect CSS styles, pick HEX/RGB colors with eyedropper, identify web fonts, and copy code in 1 click.

StyleInspect is a lightweight in-page design and styling inspector for Google Chrome. It helps web designers and frontend developers inspect CSS properties, detect web fonts, and pick colors directly on any webpage without opening browser developer tools. Key Features: 1. Visual CSS Inspector Hover over any webpage element to view computed CSS properties in a compact floating overlay: - Font family, size, weight, and line height - Text color and background color - Box model dimensions (width and height) - Padding, margin, and border radius Click any element to copy formatted CSS properties directly to your clipboard. 2. Color Eyedropper Sample colors from any visible pixel on the screen using the built-in browser eyedropper: - Displays values in HEX, RGB, and HSL formats - Copy color values with a single click - Saves recently picked colors in your local palette for quick access 3. Font and Typography Identifier Quickly identify typography details across web elements: - Detect computed font families and fallback font stacks - View rendered font weights and sizes - Check line height and text formatting 4. Client-Side Privacy StyleInspect operates entirely within your local browser sandbox. It does not collect, transmit, or store personal information or browsing history. How to Use: 1. Click the StyleInspect icon in your Chrome toolbar. 2. Select "Inspect CSS & Font" to start inspecting elements by hovering over them, or select "Color Eyedropper" to sample a color. 3. Click an inspected element to copy its CSS, or click any color value to copy it. 4. Press the Escape key to exit inspection mode at any time. Support & Inquiries: Developed by Mr. Waseem Email: waseemuxui@gmail.com Portfolio: https://www.fiverr.com/waseemuxui WhatsApp: +92 334 1122126