Item logo image for CG Scope

CG Scope

Item media 5 (screenshot) for CG Scope
Item media 1 (screenshot) for CG Scope
Item media 2 (screenshot) for CG Scope
Item media 3 (screenshot) for CG Scope
Item media 4 (screenshot) for CG Scope
Item media 5 (screenshot) for CG Scope
Item media 1 (screenshot) for CG Scope
Item media 1 (screenshot) for CG Scope
Item media 2 (screenshot) for CG Scope
Item media 3 (screenshot) for CG Scope
Item media 4 (screenshot) for CG Scope
Item media 5 (screenshot) for CG Scope

Overview

Inspect a page's measurements, spacing, type, colors and images, then copy or save what you find. Nothing leaves your machine.

CG Scope tells you how the page in front of you is put together. Click the toolbar icon, pick a tool, and it appears over the page you are already looking at. Escape closes it. Nothing is installed into the page. RULER Drag a box anywhere and read its width, height, position and ratio. Click any value to copy it, or copy ready-made CSS. INSPECTOR Point at an element for its computed spacing, typography, borders and colors. Also lists the colors and font families used across the page, scanning up to six thousand elements and telling you when it stops. COLOR PICKER Sample any pixel on screen, not only inside the page. HEX, RGB and HSL, each one click to copy, with your last dozen kept. IMAGES Every img on the page in a grid, filtered by format, with dimensions and missing alt text flagged. Copy the URLs, copy a table for a spreadsheet, or save the files. Background images set in CSS, inline SVG and canvas are not counted, and the tool says so. PAGE REPORT What the page weighs, broken down by resource type, and which images are loaded far larger than they are displayed. WHAT IT DOES NOT DO CG Scope contains no networking code. There is no server, no account, no analytics and no telemetry. Nothing you do with it is transmitted, logged, shared or sold, because there is no mechanism in the extension by which that could happen. Two things involve your browser making a request, both of them it doing what you asked: pressing Download makes Chrome retrieve the images you picked, and the image tools draw thumbnails, which the browser loads the same way the page already did. Three things are stored on your own computer and nowhere else: the last twelve colors you sampled, whether you have turned on copy-on-sample, and which of HEX, RGB or HSL that copies. Removing the extension removes them. You do not have to take any of that on trust. The source is public and the check that enforces it is one command: https://github.com/connectedgeek/cg-scope https://scope.connectedgeek.net Free. No account. Nothing to sign up for.

Details

  • Version
    1.0.0
  • Updated
    September 15, 2026
  • Size
    71.15KiB
  • Languages
    English
  • Developer
    Connected Geek
    657 Tanglewood Drive Madison Heights, MI 48071 US
    Website
    Email
    support@connectedgeek.net
    Phone
    +1 248-259-6385
  • 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.
  • D-U-N-S
    042511986

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

Related

WhatTheCSS

0.0

Inspect CSS on any site: colors, fonts, contrast, box model. Tweak it live and copy the CSS. Built for developers and designers.

Chobi - Screenshot & Full Page Capture

5.0

Select an area, annotate it, or capture the whole page. Then copy, save as PNG/JPG/WEBP/PDF/SVG, or send it.

Frontend Inspector

0.0

Inspect any element's design properties. Hover to see colors, spacing, fonts, and dimensions instantly.

Snapshot — Screenshot Tool

5.0

Capture visible, selected, exact-size, or full-page screenshots. Mark up or redact, then save as JPG/PNG or copy to clipboard.

Developer Tool in One: SEO, Ruler & Text Checker And More

5.0

All-in-one web developer toolkit. Inspect SEO, audit colors, measure with a page ruler, check text, and capture screenshots.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Longshot — Scrolling Screenshot

0.0

Capture a full-page scrolling screenshot of any webpage, then crop, annotate and copy it. Nothing is uploaded.

Color Picker & Font Inspector — StyleDrop

5.0

Color picker & font inspector for any webpage. Copy CSS, gradients, design tokens and WCAG contrast, then export to DESIGN.md.

PixelScope - 웹 개발 유틸 모음

5.0

Measure page regions, inspect colors, and capture page content without changing page layout.

Pixel Size Measurer

0.0

Measure pixels, inspect elements, pick colors, detect fonts, check contrast, and annotate screenshots. No paywall, no analytics.

DesignKit: Ruler, Inspector, Color, Typography & A11y Toolkit

5.0

Measure spacing, sample color, read type specs, audit accessibility and capture full pages. 23 tools, one panel, all local.

Image Size Inspector

5.0

Inspect images and pick colors from anywhere on your screen — dimensions, palette, hex codes, all auto-copied. 100% local.

WhatTheCSS

0.0

Inspect CSS on any site: colors, fonts, contrast, box model. Tweak it live and copy the CSS. Built for developers and designers.

Chobi - Screenshot & Full Page Capture

5.0

Select an area, annotate it, or capture the whole page. Then copy, save as PNG/JPG/WEBP/PDF/SVG, or send it.

Frontend Inspector

0.0

Inspect any element's design properties. Hover to see colors, spacing, fonts, and dimensions instantly.

Snapshot — Screenshot Tool

5.0

Capture visible, selected, exact-size, or full-page screenshots. Mark up or redact, then save as JPG/PNG or copy to clipboard.

Developer Tool in One: SEO, Ruler & Text Checker And More

5.0

All-in-one web developer toolkit. Inspect SEO, audit colors, measure with a page ruler, check text, and capture screenshots.

Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger

5.0

Measure pixel distance, inspect padding, margins, colors & CSS variables on any element. Free Chrome layout debugger.

Longshot — Scrolling Screenshot

0.0

Capture a full-page scrolling screenshot of any webpage, then crop, annotate and copy it. Nothing is uploaded.

Color Picker & Font Inspector — StyleDrop

5.0

Color picker & font inspector for any webpage. Copy CSS, gradients, design tokens and WCAG contrast, then export to DESIGN.md.

Google apps