whaaaa

See the color, border, font, spacing and size of any element you hover. Click to copy.

Inspect any element's style — and copy the value in one click. Just by hovering. whaaaa is a lightweight Chrome extension for designers and developers. Click the toolbar button to launch the inspector, then hover over anything on the page. The element's styles show up in a clean panel — no need to open DevTools and dig through the node tree. And when you find the value you need, just click it to copy. Grab a HEX color, a font size, or a spacing value and paste it straight into your design or code. ── What you can see ── • Color — text & background (HEX when opaque, rgba when translucent) • Text — font family, size, line height, letter spacing • Layout — display, flex, gap, and more • Size — the actual rendered width & height • Effects — shadow, border radius, opacity ── Features ── • Click any value to copy it instantly • Switch between Default / Hover / Focus states — no manual triggering needed • Choose a sidebar or a popup panel, whichever fits your screen ── Good to know ── • Values are the computed style after rendering (width/height reflect the real painted size). • It can't run on pages where extensions aren't allowed, such as chrome:// pages or the Chrome Web Store. • whaaaa does not collect or transmit any user data.