Processamento de imagem local • Sem upload • Exportações de paleta

Seletor de cores de imagem

Escolha as cores exatas da imagem com uma lupa, extraia de 3 a 12 cores proeminentes e exporte paletas como CSS, código, SVG ou PNG em seu navegador.

Escolha cores e construa uma paleta a partir de uma imagem

Carregue uma imagem para extrair cores proeminentes, inspecione pixels individuais com uma lupa e copie ou exporte valores e paletas de cores. O processamento é executado localmente no seu navegador.

Como escolher cores de uma imagem

  1. 1.Carregue uma imagem do seu dispositivo
  2. 2.Escolha 3, 5, 8 ou 12 cores de destaque para a paleta
  3. 3.Passe o mouse sobre a imagem para inspecionar um pixel e clique para bloquear sua cor
  4. 4.Copie um valor ou exporte a paleta no formato que você precisa

A imagem e a paleta permanecem no seu navegador enquanto as cores são extraídas

Use a lupa para visualizar o pixel sob o ponteiro antes de selecioná-lo

Visualize e copie valores HEX, RGB, HSL, XYZ, CMYK, LUV, Lab e HWB

Exporte a paleta como CSS, SCSS, CSV, JSON, SVG ou um cartão de paleta PNG

Perguntas frequentes sobre o seletor de cores de imagem

Minhas imagens são enviadas para um servidor?

Não. Toda a extração de cores acontece localmente no seu navegador. Suas imagens nunca são carregadas em lugar nenhum.

Quais imagens posso usar?

Escolha um arquivo de imagem que seu navegador possa decodificar. A ferramenta procura um arquivo de imagem e aceita arquivos de até 20 MB; se o carregamento ou a extração falhar, tente outra imagem.

Quantas cores a paleta pode conter?

Escolha 3, 5, 8 ou 12 cores. O seletor cria um conjunto de cores de imagem proeminentes uma vez e, em seguida, altera a paleta exibida imediatamente quando você seleciona uma contagem diferente.

Posso selecionar uma cor exata de pixel?

Sim. Passe o mouse sobre a imagem enviada para visualizar a cor sob o ponteiro com a lupa e clique na imagem para bloquear essa cor. Você também pode selecionar uma cor na paleta.

Posso escolher uma cor em outro lugar da tela?

Use Selecionar na tela quando seu navegador fornecer a API EyeDropper. O controle não está disponível em navegadores que não suportam essa API.

Quais exportações de paleta estão disponíveis?

Copie ou baixe variáveis ​​CSS, variáveis ​​SCSS HEX ou RGB, CSV, uma matriz JSON, SVG ou um cartão de paleta PNG. O cartão PNG contém a imagem de origem e sua faixa de paleta.