Can I copy HEX and RGB codes?

100% Client-Side • Zero Cloud Uploads

Image Color Picker & Palette

Sample exact pixel colors with loupe magnifier and extract dominant color palettes.

Drop your image here

Drag & drop single photo for Studio Mode, or multiple photos for 1-Click Batch Processing

Choose File

JPG, PNG, WebP, GIF, BMPPaste supported (Ctrl+V / ⌘V)Max: 50 MB

Your images stay on your device

Processing happens 100% locally in your browser. Files are never uploaded to any cloud server.

Step-by-Step Guide

How to use this tool

Upload Image

Drop your graphic, logo, or photo.

Hover & Click to Sample

Use the magnifying loupe to pick exact pixel colors.

Copy Color Code

Click any color swatch or dominant palette chip to copy HEX/RGB code.

Key Capabilities

Why use Image Toolkit?

Magnifying Loupe

High-precision zoom preview lets you pick individual pixels accurately.

Dominant Palette Generator

Quantizes image color space to extract top 8 harmonic colors automatically.

Technical Specifications & Architecture

How Image Color Picker & Palette Operates in Your Browser

The Color Picker reads the underlying 2D image data buffer using `getImageData()` and the modern browser `EyeDropper` API to sample exact 32-bit pixel RGBA values. It automatically generates harmonious 5-color dominant palettes, computes WCAG 2.1 contrast ratios against white/black backdrops, and formats values into HEX, RGB, HSL, and CSS variables.

Recommended Best Practices

•Click on any point of your image or use the magnifier loupe for exact single-pixel sampling.
•Use the WCAG contrast badge to check if text colors meet accessibility standards for web design.

Technical Scope & Considerations

•The native EyeDropper API requires a Chromium-based browser (Chrome, Edge, Opera, Brave); standard canvas pixel sampling is used as fallback on Firefox/Safari.

Supported InputsJPG, PNG, WebP, SVG, BMP, GIF

Output FormatHEX, RGB, HSL, CSS Palettes

Execution Model100% In-Browser RAM • Zero Cloud Uploads

Frequently Asked Questions