Color Picker & Eyedropper

Pick any color from any webpage. Get HEX, RGB, and HSL values instantly without leaving the current page.

Add to Chrome — Free Open live demo
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.

Nearby actions in the same side panel

Move from JSON to JWT, regex, URLs, clipboard history, and color work without leaving the current page.

Frequently asked questions

How do I pick a color from a webpage?

Open ArcPanel with ⌘⇧K (or Ctrl+Shift+K on Windows/Linux), search for Color Picker, then activate the eyedropper to capture any color on the current page.

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 ArcPanel's core page-aware actions.

How is this different from ColorZilla?

ArcPanel stays in the side panel you are already using for page actions. Open it with the keyboard, pick a color, then continue into related actions like JSON, JWT, regex, or clipboard work without shifting tools.

Stop opening DevTools to inspect colors.

Page-aware side panel for instant browser actions.

Add to Chrome — Free