Color Picker - Eye Dropper by Abdul Wahab

Color Picker for Firefox - Eye Dropper

The ultimate pixel-perfect color tool. Extract HEX, RGB, or HSL codes from any website instantly. Features a professional saturation-lightness editor, smart palette generator, and WCAG contrast checker. Save your history and build perfect color schemes in one click.

Key Highlights

🎯 Precision — Pixel-perfect eyedropper for any webpage.
⚡ Efficiency — One-click copy for HEX, RGB, and HSL.
🎨 Design-Ready — Instant Monochromatic and Complementary palette generation.
♿ Accessible — Real-time WCAG contrast testing for professional web standards.

How to Use

1. Pick a color from any page — Click the "PICK COLOR" button or press Cmd+Shift+P (Mac) / Ctrl+Shift+P (Windows). Your cursor becomes an eyedropper — hover over any pixel on the screen and click to capture its color.
2. Fine-tune with the editor — Use the saturation/brightness box and hue slider to adjust your color precisely. You can also type R, G, B values directly into the RGB fields.
3. Copy your code — Click the clipboard button next to HEX, RGB, or HSL to copy the value to your clipboard instantly.
4. Generate a palette — Click Monochromatic for light/mid/dark shades of your color, or Complementary to get the opposing color on the wheel — perfect for UI design.
5. Check contrast — The WCAG panel shows in real time whether your color passes accessibility contrast standards against white and black backgrounds.
6. Revisit past colors — Your last 7 picked colors are saved automatically in the history row. Click any swatch to restore it.