Vetorial
A ferramenta altera diretamente propriedades de cor SVG e mantém caminhos e formas vetoriais.
← Todas as ferramentas SVG
ALTERAR COR SVG
Alterar cor SVG
Deteta as cores de um SVG, substitui a que escolheres e mantém a imagem totalmente vetorial.
Processamento local no navegador
Carrega o teu SVG
Escolhe uma cor detetada, define a nova cor e compara o SVG atualizado antes de descarregar.
1. Origem
Escolhe ou arrasta o teu ficheiro SVG
Arrasta-o para aqui ou clica para procurar
2. Alterar cor
Cores detetadas
Escolhe uma cor detetada para a substituir em todas as propriedades de cor SVG onde seja utilizada.
Cor selecionada
—
Altera localmente preenchimentos, contornos e propriedades de cor SVG/CSS compatíveis.
A alterar a cor localmente…
3. Resultado
Pronto
SVG atualizado
Alteração de cor—
Substituições—
Original![Pré-visualização do SVG original]()
Atualizado![Pré-visualização do SVG atualizado]()
O SVG continua vetorial. Compara as duas pré-visualizações antes de descarregar.
VetorialPrivadoSem perda de qualidade
Vantagens
Edita cores sem rasterizar
Privado
A deteção, edição e pré-visualização acontecem localmente no navegador.
Direcionado
Escolhe uma cor detetada e substitui apenas os valores SVG correspondentes.
Como funciona
Como alterar cores de um SVG
- 1Escolhe ou arrasta o ficheiro SVG.
- 2Seleciona uma das cores de preenchimento, contorno ou CSS detetadas.
- 3Escolhe uma nova cor HEX e clica em Alterar cor.
- 4Compara o original e o resultado e descarrega o novo SVG.
Continuar
Ferramentas relacionadas
FAQ
Perguntas frequentes
Que cores SVG esta ferramenta consegue alterar?
Deteta valores diretos fill, stroke, stop-color, flood-color, lighting-color e color em atributos SVG, estilos inline e blocos style.
Altera gradientes ou variáveis CSS?
Não. Referências de gradiente como url(...) e variáveis CSS como var(...) são deixadas intactas de forma intencional.
O meu SVG é enviado para um servidor?
Não. O SVG é analisado, alterado, pré-visualizado e exportado localmente no navegador.
ALLONLINE.TOOLS
