recolorear SVG
☞ funciona por completo en tu navegador — no se sube nadaSuelta tu SVG aquí
o haz clic para buscar — solo SVG
Vista previa
OneImageTool
Herramientas de imagen gratis
recolorear SVG
Todos los colores del archivo reunidos en una sola paleta — edita cualquiera y ve el resultado al instante, o cédeselo todo al CSS con currentColor.
o haz clic para buscar — solo SVG
Vista previa
una paleta, todos los colores
Un color puede estar en un atributo fill o stroke, dentro de un style en línea o en una hoja de estilos incrustada en el archivo — y una exportación de Illustrator o Figma suele elegir esta última. Por eso editar un SVG a mano en un editor de texto se deja tantas veces alguna forma por el camino.
Esta herramienta lee los tres sitios, más las paradas de degradado y los colores de filtro, y los reúne en una sola paleta. Cambia una muestra y cambia con ella cada aparición de ese color, estuviera escrito donde estuviera.
tres pasos
Elige un archivo .svg — se queda en tu dispositivo.
Cada color del archivo tiene la suya, con las veces que se usa.
Solo cambian los colores; las formas quedan intactas.
respuestas rápidas
Le dice a la forma que use el color de texto del elemento que la contiene. Un icono con currentColor se vuelve blanco dentro de un botón oscuro y gris dentro de un texto atenuado, sin un segundo archivo ni una sola regla CSS extra. Es la forma estándar en que las bibliotecas de iconos distribuyen SVG.
Un degradado es una referencia a una definición que está en otra parte del archivo, no un color, así que reemplazarlo borraría el degradado en vez de recolorearlo. Los colores de cada parada dentro del degradado sí aparecen en la paleta: edita esos.
Entonces el archivo no tiene color propio. Suele significar que el diseño ya está en currentColor o que hereda el color de una hoja de estilos externa. Ábrelo en el visor de SVG para ver el código fuente.
Los colores se agrupan por lo que realmente representan, así que #FFF, #ffffff y white son una sola entrada. Al editarla se actualizan todos, cada uno en la forma en que estaba escrito.
No. El archivo se analiza y se reescribe en tu navegador.