ColorGrab — Color Picker & Eyedropper

Pick any color from any webpage. Get HEX, RGB, HSL, CMYK, CSS var & Tailwind class. Build gradients. Free.

ColorGrab is a free Chrome extension that lets you pick any color from any webpage instantly — with a live magnifying loupe, pixel-perfect accuracy, and six color formats all at once. Click "Pick Color From Screen" and hover over any element on the page. A live loupe shows a zoomed view of the pixel under your cursor. Click to capture it and instantly get: • HEX — #FF3B3B • RGB — rgb(255, 59, 59) • HSL — hsl(0, 100%, 62%) • CMYK — cmyk(0%, 77%, 77%, 0%) • CSS Variable — --color-red: #FF3B3B; • Tailwind Class — bg-red-500 Copy any single format with one click, or copy all six at once with "Copy All Formats." GRADIENT BUILDER Switch to Gradient mode to pick multiple color stops directly from the screen. Choose Linear, Radial, or Conic gradient type, set the angle, and get a ready-to-use CSS gradient property instantly. Copy it and paste directly into your code. COLOR HISTORY Every color you pick is saved automatically in your history strip so you can go back to previous picks without repicking them. SAVED PALETTES Group your favorite colors into named palettes. Save your current color to any palette with one click and access them anytime. VIEW FULL DETAILS Open a full result page showing WCAG contrast ratios (AA/AAA accessibility badges), color harmonies (Complementary, Analogous, Triadic, Split-Complementary), and a gradient CSS preview — all free. Completely free. No account. No data collected. No limits.