How are dominant colors calculated?

The image is downsampled and analyzed in 3D color space. High-frequency colors with sufficient contrast from one another are selected to represent the visual aesthetic of the photo.

Can I use the exported CSS variables in my web projects?

Yes! The exported CSS snippet defines clean standard CSS variables that you can drop straight into your style sheets or Tailwind config.

Imagem 100% do lado do cliente

Image Color Palette Extractor

Extraia paletas de cores dominantes e códigos HEX, RGB e HSL exatos de qualquer foto com cópia com um clique.

Carregamento Zero

Nunca sai do navegador

Velocidade Instantânea

WASM acelerado

Drag & Drop your files here

or click to browse from your device

Extract 8 dominant, harmonious color swatches from any photo or design

Inspect HEX, RGB, and HSL values with one-click clipboard copying

Perceptual color distance clustering prevents duplicate or muddy shades

Export ready-to-use CSS Variables (--color-1, --color-2) or JSON palette

100% Client-side execution — fast, private, and works without servers

Fluxo de trabalho simples

Como usar esta ferramenta

Obtenha resultados em três etapas rápidas, sem qualquer curva de aprendizado.

Upload Image

Select or drag any JPEG, PNG, or WebP graphic into the dropzone.

Extract Palette

Our browser algorithm extracts the dominant colors and calculates proportions.

Copy or Export

Click on any HEX code to copy, or export the palette as CSS / JSON.

Precisar de ajuda?

Perguntas frequentes

Tudo o que você precisa saber sobre esta ferramenta.

Explorar mais

Ferramentas relacionadas

Ver tudo Imagem

Color Palette Generator

Gere paletas de cores lindas e aleatórias instantaneamente.

Geradores No dispositivo

Color Converter

Converta códigos de cores entre os formatos HEX, RGB e HSL.

DesenvolvedorPopular No dispositivo

Photo Filters & Effects

Aplique filtros em tons de cinza, sépia, invertido, vintage, brilho e contraste às imagens.

ImagemNovo No dispositivo

Loading...

Preparing your tools and workspace. Please wait a moment.