Color Palette from Image Online
Upload an image to instantly extract its dominant colors. Copy HEX, RGB and HSL codes and export ready-to-use CSS tokens for your design.
Drag an image here or choose a file
PNG, JPG, WebP, AVIF, SVG • Processed instantly in your browser
image.png
1920 × 1080 px
Dominant palette (click a swatch to copy HEX):
✓ Copied to clipboard!Export the palette for developers and designers:
How to use the color palette extractor
Upload a reference
Any photo of nature or an interior, a website screenshot or a banner.
One-click analysis
The algorithm samples the image’s pixels and finds up to 6 distinct dominant colors.
Use it in your project
Export CSS variables or HEX codes for Tailwind, Figma, Photoshop or any web project.
Related Developer & Office Tools
Image Compressor Online
Client-side WebP, JPEG, PNG compression with quality slider, resolution scaling, before/after preview, and byte savings calculation.
Image Resizer Online
Resize image dimensions and aspect ratios, social presets (1:1, 16:9, 9:16, 4:5, 4:3), 90° rotation, flip, and format selection.
Convert Image to WebP Online
Convert JPG, PNG, and GIF images to next-gen WebP format client-side to boost website loading speed and PageSpeed scores.
Resize Image for Instagram
Instantly resize images for Instagram: 1:1 Square (1080x1080), 4:5 Portrait post (1080x1350), and 9:16 Stories/Reels (1080x1920).
SVG Optimizer & PNG Exporter
Minify and sanitize SVG code by stripping editor metadata, rounding path decimals, and exporting to crisp PNG at 1x, 2x, and 4x scales.
EXIF Viewer & Remover
Show photo metadata (camera, date, GPS) and save a clean copy without EXIF before posting online.