Chrome, Edge, Brave
From the Chrome Web Store
- Click the button — the store listing opens in a new tab.
- Choose Add to Chrome, then Add extension.
- That is the whole install; it updates itself. Edge and Brave take it from the same listing.
Right-click anything on any page and send it straight to the tool that handles it — a pixel's exact color, an element's structure, a selection, a code block, a link, an image. It also gives the HTTP Analyser the one thing a web page is never allowed to do: send a real cross-origin request.
From the Chrome Web Store
Signed by Mozilla — installs for good
Reads the actual pixel you clicked, so it works on images, gradients, canvas and video, not just elements that have a CSS colour. Opens Color Tools with it loaded.
Captures only what you right-clicked — even inside an iframe — as a sanitized subtree, without its ancestors or siblings. The toolbar button does the same for the whole page.
Highlighted text routes to whichever tool fits — JSON Formatter, Hash Generator, Encoder / Decoder, Diff Checker, Regex Tester, Case Converter and the rest.
Reads the complete preformatted example in the frame you clicked, including nested highlighting and whitespace, then opens JSON Formatter, JS/CSS Beautifier or SVG Editor. Copy buttons and line numbers are left out; an ambiguous example asks which tool you want.
Fetches the target once without cookies, classifies it from MIME type, filename and content, then opens JSON, Markdown, SVG, JS/CSS, Image Converter or HTTP Analyser. Errors and unknown formats open as the real response, so status and headers aren't discarded.
Sends the image straight to Image Converter.
On the toolbar button's right-click menu. Pulls the page's palette into Color Tools.
The analyser reads any raw HTTP message, curl command or .har file on its own. What a page cannot do is make a cross-origin request and read the response — CORS sits below anything page script reaches. The extension runs it from its background worker instead, and a Send button appears.
The piece that talks to the tool pages is injected nowhere else — plus a localhost origin for development.
About eighty lines. Pixel picking and element capture need to know where you right-clicked, and a context-menu click carries no coordinates. It listens for contextmenu and nothing else — no mouse tracking, no scroll listening, no reading the page on load. It remembers one point and two colours, and stores nothing.
Wireframe capture removes text, comments, scripts, embedded documents, form names and values, event handlers and data attributes, keeping structural names, IDs, classes and a small attribute allowlist.
Every handoff goes to a HelpyTools tab on your machine, where the tool runs in your browser as it always does. There is no server in the path and no telemetry.