Measure. Pick.
Debug. Instantly.
A minimal Chrome extension for frontend developers and QA testers. Ruler, color picker, and full-page outline mode — all one click away.
🔒 No data collected100% privateZero dependencies
Three tools. Zero friction.
Ruler
Click twice to measure anything. Live w × h tooltip while you drag. Result lands in your clipboard automatically.
Color Picker
Native EyeDropper API. Get any pixel in HEX, RGB, HSL, or RGBA — your preferred format is copied instantly.
Outline Mode
Inspired by Pesticide. Drop a 1px outline on every element, color-coded by tag. Faster than any DevTools dance.
From install to clipboard in three steps.
Install
Add PixelTape to Chrome in one click. No account, no setup.
Click a tool
Ruler, Color Picker, or Outline — pick one from the popup.
Get results
Everything copies to your clipboard automatically. Done.
Pixel-perfect measurements.
Click once to anchor, drag, click again to drop. A livew × h tooltip follows your cursor while you drag.
- Two-click flow, no modal
- Works on any page, any layout
Any color, any format.
Native EyeDropperAPI means you get the real pixel — no canvas trickery. Output in HEX, RGB, HSL, or RGBA, and your preferred format copies instantly.
- Four output formats, one click
- Saved swatches history (up to 18)
- One-tap re-copy from the popup
See every box on the page.
Inspired by Pesticide. Drop a 1px outline on every element, color-coded by tag. Faster than the DevTools dance when you're chasing layout bugs.
- Tag-based color coding
- Toggle on/off from the popup
- No page reload, no CSS injection mess
Your data never leaves your browser.
No analytics
Not even page views.
No telemetry
Nothing phones home.
No remote APIs
All work stays local.
Everything is stored in chrome.storage.local. Source code is fully open and readable on GitHub.
Stop clicking around in DevTools.
Install PixelTape and get back to shipping.
Add to Chrome — It's Free