Color Code Picker

Pick the exact color of any pixel on any webpage - instant HEX, RGB, HSL, auto palettes and copy history.

Color Code Picker shows you the exact color of any pixel on a webpage - the real pixel, read straight from the screen, not a guess from the page's CSS. Click the toolbar icon (or press Alt+C), move the magnifier over anything - text, images, gradients, canvas graphics - and click. You get the color as HEX, RGB and HSL, each with a one-click Copy button. WHAT YOU GET • Magnifier lens with a pixel grid, so you can land on exactly the pixel you want • Arrow keys move the lens one pixel at a time; Enter picks • Exact colors on every screen: Retina / HiDPI displays, Windows scaling (125%, 150%), browser zoom and pinch-zoom • Scroll while picking - the picker refreshes itself so colors always match what is on screen • HEX, RGB and HSL with copy buttons (press C to copy the HEX value) • Contrast check: the WCAG contrast ratio against white and black text • Auto palette: four matching harmony colors for every pick • History of your last 6 colors, shared across all tabs • "Pick Color Again" (or press P) to keep going • Works on pages with pop-up dialogs, strict security policies and unusual layouts • Esc or right-click cancels at any time Browser pages where extensions aren't allowed to draw (the new tab page, settings, the Web Store) open the browser's built-in eyedropper instead - it can pick colors from anywhere on your screen. PRIVATE BY DESIGN Everything happens inside your browser. The screenshot used to read pixel colors never leaves your computer, nothing is uploaded, there are no analytics and no accounts. Your color history is stored only in your browser.