Picky
The one inspection tool that
replaces the four you juggle
Font finder, color picker, spacing ruler, contrast checker — Picky rolls them into a single, opinionated tool. Inspect, measure, and live-edit any element without leaving the page.
Works on any site · Runs 100% locally · No account, no tracking
Everything you reach for, in one panel
Open the floating toolbar, point at an element, and Picky tells you everything about it.
Deep inspect
An anatomy panel with the full box model, computed styles, typography, colors, border & radius, effects, and transitions — grouped and readable.
Measure anything
Click two elements and Picky draws architectural-style measurement scales between them — tick marks, leader lines, and exact pixel distances.
Live edit
Scrub numeric values up and down, type new ones, or pop a color picker. Changes apply to the live page instantly so you can try ideas in seconds.
Colors & variables
Copy any color as HEX, RGB, or HSL, and resolve every var(--token) to its real value and source stylesheet.
Contrast checker
Instant WCAG AA / AAA pass-fail badges for text against its effective background — honest about gradients instead of faking a number.
Copy as code
Export the selected element as CSS, Tailwind, SVG, or JSON with one click. Preview :hover, :focus, and :active states with a live diff.
Up and running in seconds
No setup, no sign-in. Pin it and go.
Add to Chrome
Install from the Chrome Web Store and pin Picky to your toolbar.
Toggle it on
Click the icon or hit Alt + Shift + I to drop the floating toolbar onto any page.
Inspect & edit
Point at an element to read it, drag to measure, or click a value to change it live.