Color Picker & Eyedropper

Pick any color from any webpage. Get HEX, RGB, and HSL values instantly. No new tabs — just press ⌘K and type "color".

Add to Chrome — Free Try it now
HEX#4A9EFF
RGBrgb(74, 158, 255)
HSLhsl(212, 100%, 65%)
Tailwindblue-400

Why developers choose ArcPanel

Pick from any page

Eyedropper works on any webpage. Hover over any element and click to capture its exact color.

All formats at once

Get HEX, RGB, HSL, and nearest Tailwind class in one view. Click any value to copy.

Contrast checker built in

Check WCAG contrast ratios between foreground and background colors without leaving the tool.

48 more tools included

JSON formatter, base64, regex tester, UUID generator, and 44 other tools. All in one extension.

Frequently asked questions

How do I pick a color from a webpage?

Press ⌘K (or Ctrl+K) on any page, type "color", and select Color Pick. The eyedropper activates — hover over any element and click to capture its color.

What color formats are supported?

HEX, RGB, HSL, and Tailwind CSS class names. Each value is one click to copy to clipboard.

Is it free?

Yes. ArcPanel is completely free with no ads and no accounts. The color picker is one of 49 tools included.

How is this different from ColorZilla?

ArcPanel is keyboard-first — press ⌘K, type "color", done. No toolbar icons, no right-click menus. Plus you get 48 other developer tools in the same extension.

Stop opening DevTools to inspect colors.

49 developer tools, one keystroke away.

Add to Chrome — Free