Hover Inspector
Help you find and inspect any element on the page.
Modern Features for Modern Websites
A browser extension that helps you develop fast and efficiently
Inspect, Explore, Get Inspired
Instantly view the DOM structure and CSS styles of any element on the page. Visual highlighting of sizes, margins, paddings, and fonts for rapid analysis.
- Visual margin, padding, and border analysis
- Instant style properties preview
- Highlight active elements on hover
- Custom tags and class support
Pick, Convert, Save Colors
A modern color picker supporting HEX, RGB, HSL, alpha channel, and quick copying to any format you need.
- Palette support and color saving
- Gradients and transparency
- One-click format conversion
- Easy copy for CSS/JS
Quickly Convert px, rem, em
Handy converter for recalculating units with base font-size support. Perfect for responsive design and layouts.
- Supports px, rem, em, and %
- Instant results, no reloads
- Custom base font-size input
- Smart calculator for developers
Measure, Analyze, Adapt
Visual page ruler with current viewport size, popular breakpoints, and DPI. Get media query recommendations instantly.
- All popular device sizes (mobile, tablet, desktop)
- Bootstrap/Material UI media query suggestions
- Live viewport size, DPI, and aspect ratio
- One-click viewport resizing presets
Trusted by the Hover Inspector community
Ready to Supercharge? Inspect, Explore, and Improve Any Website
Got ideas or noticed something to improve? Join my Slack channel. If you want, you can support the project, and I’ll keep making Inspector Tools even better for everyone!