InspectDev
Color Picker
A pixel-precise eyedropper that samples anything — backgrounds, text, borders, gradients, images. A magnified viewport shows the exact pixel under your cursor, and the value appears in every format at once. Click to copy; the tool remembers your preferred format for next time.
About Color Picker
Color Picker puts a precision eyedropper in your browser toolbar. Sample any color on the page, view it in every format at once, and copy with one click. The tool remembers your preferred format and saves every picked color for later export.
Features
Pick, preview, and copy colors from any page — no more screenshotting into a design tool just to grab a hex code.
Pixel-Level Eyedropper
Hover anywhere to sample the exact pixel under your cursor. A magnified viewport confirms the right spot — even on gradients and anti-aliased edges.
Multiple Formats
Hex, RGB, HSL, and OKLCH values display at once. Click any format to copy. The tool remembers your preferred format across sessions.
Color History
Every picked color saves automatically. Review, re-copy, or export the full palette as CSS custom properties. No more pasting colors into a scratch file.
How to use
- 1
Select Color Picker from the InspectDev toolbar.
- 2
Hover over the page — a magnified viewport shows the exact pixel under your cursor with its current color value.
- 3
Click to lock in the color. The value appears in hex, RGB, HSL, and OKLCH simultaneously.
- 4
Click any format to copy it, or save the color to your session palette. Open the palette anytime to review or export.
Try Color Picker free
Color Picker is included in the free version of InspectDev. Upgrade to Pro for advanced features like persistent workspaces and team sync.
