v1.0.0 -- Zero Dependencies

electron-pixel-picker

Screen color picker for Electron apps. Fullscreen overlay with a pixel-grid magnifier, scroll-to-zoom, and hex color output.

$ npm install electron-pixel-picker

Features

Zero Dependencies

Uses only Electron built-in APIs. No native modules, no extra packages, no headaches.

⊕

Pixel-Grid Magnifier

Circular magnifying glass renders individual pixels as colored cells with grid overlay.

↑↓

Scroll-to-Zoom

Mouse wheel adjusts magnification from 28x (5 pixels) down to 1:1 (141 pixels).

≡

Cross-Platform

Works on Windows, macOS, and Linux. Hi-DPI aware with native resolution capture.

TypeScript

Written in TypeScript with full type definitions. Autocomplete everything.

<1s

Instant

Magnifier appears immediately. Screenshot loads asynchronously in the background.

Quick Start

main.ts

        import { app } from 'electron';

        import { registerPixelPicker } from 'electron-pixel-picker';

        app.whenReady().then(() => {

          registerPixelPicker();

          // renderers can now call:

          // ipcRenderer.invoke('pick-screen-color')

        });

Comparison

Feature	electron-pixel-picker	electron-color-picker	electron-eyedropper
Dependencies	0	2+	1+
Magnifier	Pixel grid + zoom	Basic	None
Scroll zoom	5x -- 141x	No	No
Hi-DPI	Native resolution	Partial	No
TypeScript	Yes	No	No
Bundle size	~8 KB	~45 KB	~12 KB