Browser EyeDropper API Picker
Sample any pixel color directly from your monitor or browser window using the native Chromium window.EyeDropper API.
Native EyeDropper API Unavailable in this Browser
Your current browser (Firefox or Safari) does not support the Chromium window.EyeDropper API. Please switch to Chrome/Edge or use our canvas-based Image Color Picker.
Technical Specification & Mathematical Principles
The Chromium EyeDropper interface creates an OS-level magnifying overlay that reads pixel framebuffer data directly: eyeDropper.open() → Promise<{ sRGBHex }>.
Values are returned directly in calibrated sRGB hexadecimal space.
Frequently Asked Questions
Related Design & Color Instruments
Image Color Picker
Extract pixel colors from your images with pixel-level precision and an interactive magnifying loupe. Runs 100% locally in your browser.
Interactive Color Picker
Explore colors with bidirectional state binding across HSL, RGB, and HEX channels with real-time numeric readouts.
Interactive Color Wheel
Explore color spectrums and geometric harmonies directly on an interactive 360-degree HTML5 canvas wheel.
Dominant Color Finder
Detect the single most prominent color in any image using 3D color histogram quantization off the main thread.