How to Use
- Click "Choose Image", drop an image, or paste a screenshot with Ctrl+V / Cmd+V.
- Move your pointer or finger over the image to preview live HEX, RGB, HSL values, and the magnifier.
- Click a point you want to keep; the color is saved to history.
- Click "Extract Palette" to generate a design-friendly palette, then copy the color values you need.
Example: paste a product screenshot, pick the main button color, and copy the HEX value into CSS or a design file.
Core Features
- Local Image Color Picking: Images are rendered and sampled with browser Canvas, never uploaded to a server.
- Pixel-Level HEX/RGB/HSL: Move your pointer or finger across the image to read live HEX, RGB, and HSL values.
- Magnifier Crosshair: A zoomed preview helps you target icon edges, UI screenshot details, and small color blocks.
- Palette Generator: Browser-side pixel sampling extracts up to 5 dominant colors for quick design reference.
- Save and Copy Fast: Click the image to save colors to history, then click any swatch to copy its color code.
Related Tools
The 2026 FIRE Calculator (Inflation Adjusted). Simulate real purchasing power, analyze retirement savings gaps, and generate a visual wealth roadmap. One-click CSV export for your Excel or Notion finance dashboard. 100% Private, client-side calculation.
Calculate trade position size from account balance, risk %, entry, and stop loss. Runs locally in your browser with no uploads, so you can compare risk scenarios before you trade.
Calculate compound interest from principal, recurring contributions, APY, and time. Visualize principal, interest, and final balance with a local interactive chart.
Struggling to find Erangel secret rooms? Use our 2026 interactive map to locate all 15 red-door entries, key spawns, and T3 loot heatmaps. Privacy-first & free.
Definitive Taego map for 2026. With Error Spaces removed, identify "Blue-Roof" houses for crate-tier loot and Self-AEDs. Privacy-first, forever free.
Vikendi 2026 tactical guide. Track deadly Bear Cave entrances, Lab Camp security keys, and Thermal Scope spawn zones. Avoid Polar Bears, grab loot.
Master Rondo 2026 with our 8x8 tactical map. Locate every Security Door, Keycard spawn, and Safe for maximum gold. Privacy-first & free.
Struggling with blurry markups? EasyTools offers a universal stamper supporting lossless SVG scaling and high-quality WebP export. Preserve transparency and export JSON data locally.
Calculation Logic
This tool decodes the image locally with HTML5 Canvas and reads the RGBA pixel at the current picker coordinate through getImageData. HEX, RGB, and HSL values are formatted from that pixel.
Palette generation samples Canvas pixels, groups nearby colors into simple buckets, and ranks them by frequency to return up to 5 dominant colors. This is useful for quick web and design palettes, but it does not promise professional ICC / P3 absolute color management.
FAQ
Are my images uploaded?
No. Image loading, color picking, magnifier preview, and palette generation all run locally in your browser.
How do I get a HEX color from an image?
Choose or paste an image, then move your pointer or finger to the target pixel. The live color appears instantly. Click the image to save it to history, then click a swatch to copy the HEX value.
Which color formats are supported?
The tool displays and copies HEX, RGB, and HSL, the formats most common in web design and frontend development.
Why might the color differ slightly from Photoshop?
Canvas reads the pixel as rendered by your browser. Browser behavior, display gamut, and embedded image color profiles can create small differences.
Can I pick colors on mobile?
Yes. On touch devices, drag your finger across the image to move the crosshair, then tap or release to lock a color.