Pega un SVG y sustituye un color por otro en todo el archivo.
Cambia los Colores de Cualquier Archivo SVG
Los colores de marca cambian, los temas cambian, y un icono perfecto en el color equivocado no sirve. Editar a mano cada forma coloreada de un SVG es lento, sobre todo cuando el mismo color aparece decenas de veces. Esta herramienta sustituye un color por otro en todo el archivo en un solo paso.
Es gratis y funciona solo en tu navegador. Tu código SVG no se sube a ningún sitio. El archivo recoloreado se descarga como un SVG estándar, listo para usar.
Cómo Funciona la Sustitución
Pega tu código SVG, escribe el color que quieres cambiar y elige el color nuevo. La herramienta busca cada aparición del color antiguo, en rellenos, trazos y estilos, y la sustituye por el nuevo. Después te dice cuántas sustituciones hizo, para que puedas comprobar el resultado con lo que esperabas.
La búsqueda no distingue mayúsculas de minúsculas, asà que un color escrito en mayúsculas se encuentra igual que uno en minúsculas. Los colores deben coincidir exactamente como texto: un color escrito como nombre, por ejemplo red, no coincidirá con el mismo tono escrito como código hexadecimal. Si el recuento parece demasiado bajo, revisa cómo está escrito el color en tu archivo.
Usos Habituales
El uso más común es el cambio de marca: un logotipo o un conjunto de iconos en el color antiguo pasa al nuevo en segundos. El modo oscuro es otro: los iconos de tema claro se recolorean para un fondo oscuro sin redibujar nada. Las campañas de temporada funcionan igual, con un conjunto de iconos recoloreado para una fiesta o un evento.
Los diseñadores también usan la herramienta para probar combinaciones. Prueba el mismo icono con tres colores de acento distintos, descarga cada versión y compáralas lado a lado. Es mucho más rápido que editar el archivo tres veces a mano.
Consejos para un Resultado Limpio
Sustituye un color cada vez y revisa la vista previa después de cada paso. Sustituir dos colores de una vez puede crear confusión si el color nuevo del primer paso coincide con el color antiguo del segundo. Trabaja del color menos usado al más usado para una secuencia más limpia.
Guarda una copia del archivo original antes de empezar. La herramienta edita el código en el editor, asà que el original queda sustituido en pantalla. Si quieres comparar versiones más tarde, descarga primero el original y después ejecuta la sustitución.
Qué No Hace la Herramienta
La herramienta sustituye texto de color, no colores escondidos dentro de imágenes incrustadas en el SVG. Si tu archivo usa degradados, los colores de las paradas del degradado también son texto y se sustituirán cuando coincidan, pero una imagen fotográfica dentro de un SVG conserva sus propios colores. En esos casos, edita primero la imagen.
Sin cuentas ni instalaciones. Pegas, eliges, sustituyes y descargas. Tu código nunca sale de tu navegador y el SVG recoloreado está listo en segundos.
Nombres de Color, Códigos Hexadecimales y Estilos
Los archivos SVG escriben los colores de varias formas, y saber cuál usa tu archivo evita confusiones. Los códigos hexadecimales como #0f766e son los más habituales, y la herramienta los reconoce exactamente como texto. Los nombres de color como red o teal también aparecen, sobre todo en archivos escritos a mano, y la herramienta también los reconoce, siempre que escribas el nombre exacto. El tercer lugar donde se esconden los colores es dentro de atributos de estilo y bloques de estilo, donde una regla como fill:#0f766e aparece entre otras declaraciones. La herramienta busca en todo el texto del archivo, asà que también los encuentra. Una precaución: si tu archivo define el mismo color una vez como variable o clase compartida y lo reutiliza en todas partes, sustituir el texto sigue funcionando, porque la definición misma es texto. Pero si dos elementos distintos comparten una clase y solo quieres recolorear uno, la sustitución de texto cambiará ambos. En ese caso, divide primero la clase en el editor y después ejecuta la sustitución sobre el nombre de clase nuevo.
Más Herramientas de Imagen Gratis
- Creador De Patrones De Hama Beads
- Creador De Dibujos Para Colorear
- Creador De Plantillas Stencil
- Efecto Reflejo Para Fotos
- Redondear Esquinas De Fotos
- Recortar Fotos En Formas
- Generador De Iconos Para Apps
- Creador De Cursores De Raton
- Editor De Codigo Svg Con Vista Previa
- English version
Pingback: Creador de Cursores de Ratón Gratis - Cursores Personalizados desde Imágenes
Pingback: Redondear Esquinas de Fotos Gratis - Esquinas Suaves con Transparencia