Antes
Cores correspondentes podem ser espalhadas através de recipientes de fonte mistos.
Pai misto 1
A · retângulo amareloB · Estrela de coral
Pai misto 2
C · círculo verdeD · Pílula amarela
Pai misto 3
E · diamante coralF · retângulo leve
Ferramenta local grátis para organizar SVG
Agrupe as formas SVG por cor—sem alterar a arte.
Escolha um SVG suportado e baixe um SVG amigável para edição com cores de preenchimento correspondentes, organizado em grupos seguros. A ferramenta verifica o resultado visível antes de habilitar o download.
Grátis — sem inscrição ou créditosSeu SVG fica neste dispositivoUm SVG entra, um SVG sai
Comece com um SVG
Beta públicaEscolha o arquivo que você quer organizar.
O navegador verifica o SVG, agrupa os preenchimentos sólidos correspondentes quando a ordem de desenho permite, e verifica o resultado visível antes do download.
Suporta apenas SVGs · até 5 MB · nada é enviado para nossos servidores
Estrutura, não aparência
O que muda — e o que permanece exatamente onde você espera.
As duas prévias devem parecer idênticas. A diferença útil está dentro do SVG: preenchimentos sólidos correspondentes ficam mais fáceis de selecionar e editar juntos onde essa reordenação é segura.
Depois
Formas seguras da mesma cor compartilham grupos SVG puros de cor; formas únicas necessárias permanecem independentes.
Grupo amarelo
A · retângulo amareloD · Pílula amarela
Grupo de Corais
B · Estrela de coralE · diamante coral
Formas únicas em nível de raiz
C · círculo verdeF · retângulo leve
Preservado
- Cores e geometria visíveis de preenchimento
- Regras de tela, dimensionamento, transformações e preenchimento
- Aparência renderizada verificada
Alterado
- Contêineres SVG organizacionais
- Ordem de desenho segura quando dependências permitem
- Posicionamento repetido de preenchimento para facilitar a seleção
Uma regra de segurança deliberada
Por que uma cor pode precisar de mais de um grupo.
"Agrupar por cor" não significa forçar todas as formas correspondentes em um único recipiente. A ordem da pintura ainda controla o que aparece na frente.
- 1Duas formas vermelhas usam o mesmo preenchimento.
- 2Uma forma azul fica entre eles na ordem de pintura e toca seu limite.
- 3Mover qualquer uma das formas vermelhas sobre o azul pode alterar o antialiasing ou sobreposição.
- 4O resultado seguro mantém as formas vermelhas separadas e reporta o motivo.
Vermelho
Azul
Vermelho
Mesma arte. Dois objetos vermelhos seguros.
Escolha a ferramenta de cor certa
Agrupar, separar e recolorir resolve diferentes tarefas.
Escolha com base no arquivo que você precisa no final, não apenas no fato de que seu SVG contém cores.
FerramentaResultadoO que mudaMelhor quando
Ferramenta
Agrupar SVG por cor
Resultado
Um SVG
O que muda
Organização de objetos
Melhor quando
Selecionar e editar preenchimentos correspondentes com mais facilidade
Resultado
Um SVG alinhado por cor
O que muda
Separação de arquivos e cores
Melhor quando
Produzindo arquivos separados para cada cor exata
Ferramenta
Recolorir um SVG
Resultado
Normalmente um SVG
O que muda
Valores da paleta
Melhor quando
Criando uma combinação de cores diferente, não uma estrutura diferente
Três degraus locais
De um SVG bagunçado para um arquivo verificado e fácil de editar.
A transformação completa e suas verificações rodam no seu navegador.
Escolha um SVG suportado
O navegador verifica o contrato SVG Normalizer e se a arte visível pode ser transformada com segurança.
Revise a organização
Compare ambas as prévias e inspecione o recibo, incluindo as cores que exigiram múltiplos objetos seguros.
Baixe um SVG verificado
Download desbloqueia apenas após passarem nos testes estruturais, visuais e independentes de replay.
Compatibilidade atual
Uma versão beta limitada que para em vez de adivinhar.
O processador compartilhado prepara os recursos SVG compatíveis para esta ferramenta de cores sólidas. Se a preparação mudar a arte, você compara o original e o resultado antes de iniciar o agrupamento.
Suportado agora
- Formas visíveis estáticas com preenchimentos sólidos, além de traços compatíveis convertidos em contornos
- Transformações afins, regras de preenchimento, opacidade por forma, viewBox autorado e tamanho físico confiável
- Grupos existentes e estruturas pais mistas quando cada fragmento visível mapeia exatamente
Para com segurança para
- Recursos fora do contrato de cores sólidas são removidos do resultado candidato; diferenças visíveis exigem sua revisão
- O processamento é interrompido quando a preparação não deixa geometria sólida útil ou quando o resultado agrupado não pode ser verificado
- A limpeza de segurança obrigatória, os limites de recursos, os tempos limite e a semântica não resolvida continuam sendo limites rígidos
Não há SVG parcial nem recurso, nem recurso aproximado. Um arquivo parado permanece inalterado no seu dispositivo.
Privado por arquitetura
O documento permanece neste navegador.
Não há login, uso de créditos, upload pré-assinado nem conversão no backend. O texto-fonte, os nomes de arquivo, os caminhos, as cores, as prévias e a saída não entram em logs nem análises.
Arquivos de aplicação estáticos normais podem ser carregados do PerfectVector quando a página é aberta.
Seu SVGEscolhido deste dispositivo
Workers locais do navegadorNormalizam, agrupam e verificam
Um downloadLiberado apenas após verificações
Comece com um bitmap?
Crie primeiro um SVG e depois organize-o.
O PerfectVector pode transformar ilustrações PNG, JPG ou WebP em caminhos SVG editáveis. A vetorização e a pré-visualização são gratuitas e ilimitadas; um crédito libera o primeiro download final, e baixar novamente um arquivo já liberado não consome créditos adicionais.
Vetorizar uma imagemEste serviço é separado da ferramenta local grátis para organizar SVG acima.
PNG / JPG / WebPPixels rasterSVG editávelCaminhos vetoriais
Continue seu fluxo de trabalho SVG
Outras ferramentas para preparar arquivos vetoriais.
Use a ferramenta que corresponder ao próximo artefato que você realmente precisa.
Separador de cores SVG
Divida um SVG em arquivos alinhados por cor exata.
Separar coresPrévia de base de corte SVG
Inspecione o tamanho físico e a posição em um tapete de corte genérico.
Prévia em um tapeteImagem para vetor
Crie caminhos SVG editáveis a partir de arte PNG, JPG ou WebP.
Criar um SVGTodas as ferramentas
Navegue por todas as ferramentas de conversão, preparação e aprendizado do PerfectVector.
Navegar por todas as ferramentasPerguntas antes de começar
O que esta ferramenta faz — e o que ela deliberadamente não faz.
A beta favorece um resultado verificável em vez de aceitar todos os SVGs possíveis.
O que a ferramenta Agrupar SVG por cor altera?
A ferramenta reconstrói as formas visíveis compatíveis em grupos SVG de uma única cor ou nas formas individuais necessárias. A ordem de desenho só é ajustada quando as verificações de dependência comprovam que a aparência será preservada.
Ele recolore, se funde ou suma caminhos?
Não. Não altera a paleta, não combina geometria, não simplifica caminhos, não repara caminhos nem divide a arte em múltiplos arquivos.
Por que uma cor pode aparecer em mais de um grupo?
Formas correspondentes às vezes ficam em lados opostos da arte que tocam ou se sobrepõem. Combiná-las pode mudar a ordem da pintura, então a ferramenta preserva múltiplos objetos seguros para aquela cor.
Como a ferramenta verifica se a arte ainda parece a mesma?
Ela valida a estrutura de saída, renderiza a fonte aceita e o candidato, requer zero pixels alterados e compara uma segunda execução independente de agrupamento antes de permitir o download.
Como isso é diferente do Separador de Cores SVG?
O Agrupamento de Cores retorna um SVG organizado. O Separador de Cores retorna um arquivo SVG alinhado para cada cor exata.
Quais recursos do SVG são suportados?
O processador compartilhado preserva a geometria sólida compatível, converte traços compatíveis em contornos e remove recursos fora do contrato de agrupamento. Se o resultado candidato verificado parecer diferente, você o compara antes de continuar. O download só fica disponível depois que as verificações de agrupamento e reprodução são aprovadas.
Meu SVG sai do meu dispositivo?
Não. O documento SVG e o resultado gerado permanecem em workers descartáveis do navegador e URLs de Blob locais. Nenhuma solicitação de dados do documento é necessária.
Posso abrir o resultado em um editor de SVG?
O resultado é um SVG baseado em padrões usando containers de grupo normais, mas os aplicativos podem apresentar grupos SVG de forma diferente. Esta versão beta ainda não garante comportamento em nenhum editor nomeado.
Precisa transformar uma imagem em caminhos vetoriais editáveis?
Use o PerfectVector para criar o SVG primeiro, depois volte aqui sempre que quiser reorganizar suas cores.
