Hover over any pixel. Click. Get the exact code in HEX, RGB, HSL, and OKLCH — no extensions, no installs, nothing to download.
Everything you need to go from inspiration to production, inside a single browser tab.
Uses the browser's built-in EyeDropper API to sample from anywhere on screen — not just inside the app. Pick from images, videos, other browser tabs, even system UI.
A 5× zoom magnifier tracks your cursor so you can target single pixels precisely. The exact hex value updates in real time as you move.
Tap any format row — HEX, RGB, HSL, or OKLCH — and it's on your clipboard instantly. No modals, no menus, no drag-and-drop theater.
Every color you pick lands in a palette grid that persists through the session. Switch between grid and list view, remove colors, re-sample with a click.
Export your full palette as CSS custom properties, Tailwind config, SCSS variables, or raw JSON — one click, paste-ready for your project.
Each picked color is instantly checked for WCAG AA and AAA compliance against white. Build accessible palettes without switching tabs.
The entire flow takes under 30 seconds — even the first time.
Paste a URL into the address bar — or use the built-in color canvas with a rich demo palette. The canvas works immediately, no URL needed.
Hit Pick Color — or press P — then click any pixel on screen. The color is captured, displayed, and added to your palette automatically.
Click any color format to copy it instantly. Head to the Export tab to get your full palette as CSS, Tailwind, SCSS, or JSON — with one click.
I used to screenshot sites and drag them into Figma just to sample a color. PixelPick cut that whole ritual down to two seconds.
The OKLCH output alone is worth it. I'm building design tokens and getting modern CSS color formats with zero conversion work.
The contrast checker next to the palette is genius. I catch accessibility issues immediately instead of discovering them in review.
One click gets you the value. Choose from four industry-standard formats, all computed from the same picked pixel.
Open PixelPick in a new tab and have your first color extracted in under ten seconds. Secure sign in, no install, no catch.
Works in Chrome, Edge, Arc · Auth gate included · 100% browser-native