Privado in-browser cor ferramenta

Imagem Cor Extractor

Enviar um imagem para generate its dominant cor palette, ou clique anywhere em o pré-visualização para escolher um exato cor.

Não imagem enviarClique para sample um pixelHEX, RGB, e HSL

Soltar um imagem aqui

JPG, PNG, WebP, AVIF, GIF, BMP · até 50.0 MB

Processamento local · Não sign-up · Não marca d’água

Seu imagem permanece no seu dispositivo

Cor análise executa localmente com o navegador Canvas API. Seu original e extracted cores são nunca enviado para um servidor.

Processamento local · Não sign-up · Não marca d’água

Como funciona

Build um imagem palette em três etapas

Find reusable cores em fotos, capturas de tela, e design mockups para brand trabalho, web design, illustration, foto análise, e social materiais.

  1. 01

    Adicionar um imagem

    Escolher ou soltar um comum imagem arquivo. Seu navegador reads it localmente.

  2. 02

    Explore o cores

    Build um 5, 8, ou 12-cor palette, ou clique o imagem para sample um pixel.

  3. 03

    Cópia ou exportar

    Escolher HEX, RGB, ou HSL, cópia o palette, ou baixar CSS variables.

FAQ

Perguntas frequentes

É my imagem enviado para um servidor?

Não. Imagem decoding, pixel sampling, cor clustering, e exato picking todos happen em este navegador.

Por que pode um dominant cor differ slightly de o imagem?

O palette groups similar pixels em representative cores. Clique o imagem quando você precisar o exato value de um pixel.

Faz it suporte transparente PNG arquivos?

Sim. Fully transparente pixels são ignored; visible e partially transparente áreas take part em o análise.

Como pode I usar o cores em um design ou codebase?

Cópia individual HEX, RGB, ou HSL values, cópia o completo palette, ou baixar CSS personalizado properties.

Relacionado ferramentas

Continuar seu imagem fluxo de trabalho

Formats

Compatível imagem formatos

Comum still-image formatos trabalho diretamente. GIF arquivos são analyzed de o primeiro quadro; fully transparente PNG pixels são ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Use cases

Comum usar cases

  • Find brand ou theme cores de um foto
  • Criar um palette reference para web, aplicativo, ou poster design
  • Grab um exato HEX value de um screenshot
  • Verificar dominant cor equilíbrio em um mockup

Keep exploring

Relacionado ferramentas e guias