🎨 Color Palette Extractor

Pull the dominant colours out of any image as HEX codes ready to copy — computed in your browser, nothing uploaded. Free, no account needed.

📂 Click to choose an image, or drag & drop it here
↑ Choose an image above, then switch between tabs to convert, crop, generate favicons, or extract a palette from it
ORIGINAL
CONVERTED

⚠ Platforms/stores change their recommended sizes occasionally — double-check against current guidelines before a real submission.

🔍− 🔍+

About this tool

Drop a screenshot, photo, logo or piece of concept art and get its main colours as a palette with HEX codes. Use it to match a UI theme to key art, build a pixel-art palette from a reference, or grab a brand's colours from its logo.

Colour analysis runs on a canvas in your browser, so nothing is uploaded.

How to use it

  1. Drop an image (PNG, JPG, WebP, GIF, BMP) onto the page.
  2. Convert & Compress: pick the output format and quality, compare the before/after size, download.
  3. Resize & Crop: choose a social-media or store preset, drag to frame, download.
  4. Favicons: get a ZIP with every standard size plus the HTML snippet.
  5. Palette: read the dominant colours with HEX codes ready to copy.

Frequently asked questions

How are the colours chosen?

Pixels are clustered by similarity and the most frequent clusters become the palette, so the result reflects the dominant colours rather than every subtle shade.

Can I generate a palette without an image?

Yes — use the Color Palette Generator, which builds harmonious schemes from scratch.

Also on this page

Image Converter — PNG · JPG · WebP · Image Compressor · PNG to JPG Converter · JPG to PNG Converter · WebP to PNG Converter · PNG to WebP Converter · Favicon Generator · Social Media Image Resizer · Steam Capsule & Store Image Resizer · Image Toolkit (all features)

Free, private, no account. Like every DevForge tool, this one runs in your browser and never uploads your files. See all 35 free tools or join the DevForge community to share your own games, tools and assets.

Related tools

🧩Vector TracerTurn a photo, logo or scan into editable vector paths — SVG, EPS, PDF and DXF export, with real control over colours and detail. Free, no account, no watermark. 🔠Bitmap Font GeneratorRender any font into a glyph atlas PNG plus JSON / BMFont descriptor for Phaser, Pixi, Godot, Unity. 🎨Color Palette GeneratorGenerate random, complementary, analogous, triadic, or monochromatic color schemes from scratch. 🌒CSS Box Shadow GeneratorBuild single or layered box shadows visually and copy the finished CSS. 🌈CSS Gradient GeneratorBuild linear or radial gradients visually with a color-stop editor and copy the ready-to-use CSS. 🗺️Normal Map GeneratorTurn any texture or height map into a tangent-space normal map — strength, blur, OpenGL/DirectX Y flip, PNG export.