Skip to main content
eyunzhu

Image colour picker

Click to pick · HEX / RGB / HSL · Image palette

Images stay on your device

Files

0 · 0 selected

No images selected yet.

Drop images or a ZIP file here You can also paste an image or select several at once.
JPEG · PNG · WEBP · AVIF

Settings

Advanced settings
Export settings
ID photo compositionOn-device detection only suggests a crop; you can still adjust it before export.

This image’s crop has not been confirmed.

ID photo backgroundOptional on-device portrait cut-out; the original never leaves your device.
Apply to
Format
Dimensions
Preset sizeCommon platform sizes

Select one or more sizes; each image is exported in every selected size.

Icon safe area12%
Icon background

One composition generates favicon, PWA and common app sizes, plus a manifest.

Crop areaDrag the box to resize or reposition it
Rotation
Quality88%
Dimensions
Image position
Padding on each sidepx
Background
Split by
Layout
Alignment
Advanced settings
Luminance histogram
Watermark image

Position

Advanced settings
Background removal mode
Upscale imageReal-ESRGAN · 2×

Pick a colour from the image

Alignment
Metadata task
Scan appearance

Drag each corner onto the document. Arrow keys make precise adjustments.

Quality
Frame rangeLeave the last frame blank to use the rest.

Base64 increases data size. This tool limits input to protect browser memory.

Choose an image to see its results

Choose what to do next

Images are passed temporarily within this browser and are not uploaded.

Images to continue with
Batch image processorBuild a workflow · Process images in batches Crop imageCrop ratios · Straighten · Compose each image Split imageGrid tiles · Long image slices · Custom guides Stitch imagesHorizontal strips · Vertical strips · Grids Resize imagePixels or percent · Fit options · Multiple sizes Extend image canvasAdd margins · Set canvas size · Choose a background Social media image resizerPlatform sizes · Composition guides · Batch export Compress imageSmart compression · Target file size · Compare originals Convert image formatConvert on import · Multiple formats · Batch download Image and Base64 converterImage ↔ Base64 · Instant preview · Copy with a click Edit imageRotate and flip · Adjust colors · Undo and redo Add an image watermarkText or image watermark · Drag to position · Tile Redact faces and private detailsFace detection · Draw masks · Batch processing Adjust image coloursExposure and color · Histogram · Live preview Replace an image colourSample a color · Tolerance and feathering · Live preview Compare imagesSlider and side-by-side views · Pixel differences View and remove image metadataImage details · Privacy check · Remove metadata Find duplicate imagesImport a folder · Exact duplicates · Similar images Create GIF from imagesImages to animation · Frame duration · Reorder frames Extract GIF framesFrame range · Extraction interval · Batch download Edit animated GIFFrame order and timing · Reverse · Crop and resize Compress GIFReduce colors · Skip frames · Resize GIF to sprite sheetFrames to a grid · Sprite coordinates Images to PDFReorder images · Page settings · Combine into PDF Favicon and app icon generatorWeb and app icons · Safe padding · Multiple sizes Image placeholder generatorBlurHash · ThumbHash · Tiny image previews Sprite sheet makerArrange images · Set spacing · CSS and coordinates Remove image background locallyPortrait or general cutout · Refine edges · Replace background Image to text (OCR)Recognize text · Select a region · Export text Document photo scannerAdjust corners · Enhance documents · Multipage PDF Upscale imageLocal AI upscaling · 2× size · Enhance detail ID photo makerPhoto specifications · Composition · Background China passport photoPhoto specifications · Composition · Background China identity card photoPhoto specifications · Composition · Background China teacher qualification exam photoPhoto specifications · Composition · Background China civil service exam photoPhoto specifications · Composition · Background Hubei social security card photoPhoto specifications · Composition · Background U.S. visa photoPhoto specifications · Composition · Background Japan visa photoPhoto specifications · Composition · Background

About this tool

Use an exact pixel sample for a button colour and a representative palette for the overall feel of a photo. These are different measurements, so choose the result that suits your design task.

How to use

Image colour picker

What this tool is for

Sample any pixel as HEX, RGB, HSL, and alpha, then extract dominant colours and their shares for design, branding, and visual analysis.

How to use it

Click a pixel to read HEX, RGB, HSL, and alpha values, and move the sample point to inspect nearby colours. The palette view also reports representative colours and their share for CSS, design systems, and brand references.

Results and next steps

The primary result is a structured report with the necessary previews and copyable values. It supports decisions but never deletes or overwrites local files.

Privacy and local processing

Processing runs in your browser. Source images are not uploaded by this tool.

Common questions

Are dominant-colour percentages exact counts of every original colour?

No. Clicking reads the selected pixel's HEX, RGB, HSL and alpha. Palette statistics sample up to about 80,000 pixels, group nearby colours and skip near-transparent pixels. They summarise a palette rather than audit every source pixel.

Do copied HEX, RGB or HSL values include transparency?

The copied values contain colour channels only; alpha is displayed separately. Include that alpha when using a semi-transparent pixel in CSS. For a brand colour, sample an opaque flat area away from antialiased text edges and shadows.

Comments

0
to join the discussion.
No comments yet.
Reply thread

Follow the complete conversation chronologically; each reply identifies the specific message it answers.