Color Picker — Eyedropper, Palettes & Contrast Checker

Pick any color on screen with a pixel-perfect eyedropper. Convert HEX, RGB, HSL and OKLCH, check contrast, and save palettes.

Pick any color you can see in your browser — exactly, at any display scaling. ━━ WHY THIS COLOR PICKER ━━ • Accurate at every zoom level. Most eyedroppers sample a screenshot, which drifts by a pixel or two when your display is set to 125% or 150% — the default on most modern laptops. This one reads pixels straight from the browser's compositor, so the color you sample is the color that was under your cursor. • No scary permission prompt. It never asks to read or change your data on websites. Nothing is collected, nothing is transmitted, and it works with your machine offline. • A color workspace, not just a dropper. Convert, compare, check accessibility and build palettes without leaving the panel. ━━ CAPTURE ━━ - Sample any pixel on screen, including the places most pickers give up: an image served from another domain, a canvas or WebGL scene, a video while it is still playing, or a PDF opened in the browser - Inspect mode puts an eyedropper cursor on the page, outlines whatever is under it and shows that element's color live before you click - Keyboard shortcut, Alt+Shift+P by default and rebindable - Copies automatically in whichever format you prefer - Your last 50 colors, kept on your own device ━━ CONVERT ━━ - Every color you pick is shown in the notations people actually paste into their work. HEX and RGB are there with their transparent variants, and HSL for when you would rather think in hue than in channels. - OKLCH is included for modern CSS work, where keeping lightness even across hues is the whole point of the color space. - CMYK is there for print, the perceptual values are there for device-independent matching, and the panel also names the closest plain-English CSS color word. - Every value has its own Copy button — one click, no hunting - Optional exact-value mode when you need lossless round-trips ━━ READ A WHOLE PAGE AT ONCE ━━ - One click lists every color the current page actually uses - Ranked by how much of the page each color covers, so the real background comes first - Reads computed styles, so it catches colors coming from CSS variables, inline styles and frameworks - Click any result to make it your current color and copy it ━━ CHECK ACCESSIBILITY ━━ - WCAG 2.2 contrast ratios, with AA and AAA results for normal and large text - APCA Lc scores with plain-language guidance on what the number means - Preview your color through eight kinds of color vision deficiency, covering the red, green and blue-yellow types in both their complete and partial forms, as well as total color blindness. Each one is named and explained inside the panel. - Live text preview at three sizes so you can see the result, not just the score ━━ ORGANIZE ━━ - Named color palettes, reorderable with the mouse or the keyboard - The harmony generator builds a matching set from any color you have picked, using eight of the classical schemes — from a simple complementary pair through to monochromatic shades and tints - Export a palette straight into your codebase as CSS custom properties, as SCSS, or as a Tailwind config fragment. There is JSON for tooling, a plain hex list for pasting anywhere, and an SVG swatch sheet for sending to a client. - Import by pasting a list or previously exported JSON ━━ PRIVACY ━━ This color picker makes no network requests at all. There is no analytics, no telemetry and no account. Your colors, palettes and settings are stored with chrome.storage.local on your own device — not synced, not uploaded, not shared. Page addresses are never recorded. Every line of code ships inside the package; nothing is downloaded at runtime. Full policy: https://emproit.com/pages/privacy-policy/ ━━ ACCESSIBILITY ━━ Every control is keyboard operable with a visible focus ring, the interface itself meets WCAG AA contrast in both light and dark themes, and reduced-motion settings are respected. ━━ GOOD TO KNOW BEFORE YOU INSTALL ━━ - Values are sRGB. Wide-gamut Display P3 data cannot be recovered through the browser's eyedropper. - Chrome does not allow ANY extension to run on browser settings pages, the Web Store, or other extensions' pages. Picking still works there because the eyedropper samples the screen rather than the page, but Inspect page and Scan page colors do not. - Desktop Chromium browsers only: Chrome, Edge, Brave, Opera and Arc. The underlying browser API does not exist in Firefox or Safari. ━━ ━━ Made by EmproIT — https://emproit.com