# Extrator de paleta de cores da imagem Envia uma imagem, extrai cores dominantes e exporta tokens prontos para codigo com checagem de contraste > Página canônica: https://elysiatools.com/pt/tools/image-color-palette-extractor - **Categoria:** Design - **Palavras-chave:** paleta, cores, tailwind, css, marca ## Visão geral O Extrator de Paleta de Cores da Imagem é uma ferramenta de design que analisa qualquer imagem enviada e identifica automaticamente suas cores dominantes. Ideal para designers e desenvolvedores, ele gera uma paleta personalizada de 5 a 10 tons, verifica as taxas de contraste para acessibilidade e exporta tokens prontos para uso em CSS e Tailwind, além de arquivos compatíveis com softwares de edição. ## Entradas - **Arquivo de imagem** (file) - **Tamanho da paleta** (number) - **Nome do pacote** (text): brand-launch-palette ## Quando usar - Quando precisar criar uma identidade visual ou moodboard baseado nas cores de uma fotografia ou ilustração de referência. - Para extrair variáveis de cor (CSS ou Tailwind) diretamente de uma captura de tela de interface (UI) sem acesso ao arquivo de design original. - Ao buscar garantir que as cores extraídas de uma imagem tenham contraste adequado para acessibilidade na web antes de implementá-las. ## Como funciona - Faça o upload de um arquivo de imagem (JPEG, PNG, WEBP ou GIF) de até 20 MB. - Defina o tamanho da paleta desejada, escolhendo entre 5 e 10 cores dominantes. - Opcionalmente, insira um nome para o pacote de exportação para organizar seus arquivos gerados. - A ferramenta processa a imagem, exibe as amostras de cor com taxas de contraste e gera os códigos e arquivos para download. ## Casos de uso - Desenvolvedores front-end convertendo o design de um protótipo em variáveis Tailwind ou CSS prontas para código. - Designers de marca criando um moodboard e exportando arquivos ASE ou ACO para uso imediato no Photoshop ou Illustrator. - Criadores de conteúdo gerando esquemas de cores harmoniosos a partir de fotos de produtos para padronizar landing pages. ## Perguntas frequentes ### Quais formatos de imagem são suportados? Você pode enviar imagens nos formatos JPEG, PNG, WEBP e GIF, com tamanho máximo de 20 MB por arquivo. ### Quantas cores posso extrair de uma única imagem? A ferramenta permite configurar o tamanho da paleta para extrair entre 5 e 10 cores dominantes da imagem enviada. ### O que está incluído no pacote de exportação? O pacote inclui amostras visuais, taxas de contraste, snippets de código (CSS e Tailwind) e arquivos de paleta (como JSON, ASE e ACO). ### A ferramenta verifica a acessibilidade das cores? Sim, o extrator realiza uma checagem de contraste entre as cores geradas para ajudar a manter a acessibilidade do seu design web. ### Posso personalizar o nome do arquivo baixado? Sim, basta preencher o campo 'Nome do pacote' antes de processar a imagem para definir o nome do arquivo exportado. ## Ferramentas relacionadas - [De paleta de imagem para design tokens](https://elysiatools.com/pt/tools/image-to-design-tokens): Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons - [Extrator de Cores de Imagem](https://elysiatools.com/pt/tools/image-color-extractor): Extrai cores dominantes de imagens usando vários algoritmos incluindo clustering k-means e análise de histograma - [Extrator de Paleta de Cores](https://elysiatools.com/pt/tools/image-color-palette): Extraia uma bela paleta de cores de qualquer imagem - [Seletor de Cor de Imagem](https://elysiatools.com/pt/tools/image-color-picker): Escolha cores de imagens especificando coordenadas. Obtenha valores de cor nos formatos HEX, RGB, HSL, HSV e CMYK. - [Decodificador de Código QR](https://elysiatools.com/pt/tools/qr-code-decoder): Decodifica códigos QR de imagens e extrai o texto ou URL contido - [Adicionar Borda à Imagem](https://elysiatools.com/pt/tools/image-add-border): Adicionar bordas personalizáveis a imagens com vários estilos, cores e larguras - [Sobreposição de Gradiente de Imagem](https://elysiatools.com/pt/tools/image-add-gradient): Adicionar efeitos de sobreposição de gradiente a imagens com cores personalizáveis, direções e modos de mistura - [Add Pattern Effect](https://elysiatools.com/pt/tools/image-add-pattern): Add geometric pattern overlays to images with customizable colors, size, and rotation ## Exemplos - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagens Web TypeScript](https://elysiatools.com/pt/samples/web-image-processing-typescript): Exemplos de processamento de imagens Web TypeScript incluindo leitura/salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato ## Conteúdo relacionado - [Ferramentas de limpeza, acabamento e preparo em lote de imagens](https://elysiatools.com/pt/hubs/image-utility): Reune em um so hub ferramentas para limpar imagens, recortar bordas, adicionar margem ou moldura, redimensionar e comprimir em lote, aplicar marca d agua e dar acabamento visual. - [Geradores de efeitos CSS, paletas e tokens de design](https://elysiatools.com/pt/hubs/design-generate): Ferramentas reunidas para efeitos visuais em CSS, construcao de paletas e geracao de tokens de design em um unico hub. - [Ferramentas de auditoria de acessibilidade web e cores acessiveis](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise problemas WCAG, ordem de leitor de tela, falhas de contraste, risco para deficiencia de visao de cores e escolhas de cor acessivel em um unico hub para fluxos de acessibilidade web. - [Ferramentas de conversao de formatos de imagem e exportacao animada](https://elysiatools.com/pt/hubs/image-convert): Compare conversores de imagem para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 e saidas voltadas para animacao em um unico hub.