Acerca de esta herramienta
Cambia la paleta de iconos, logotipos e ilustraciones. La herramienta muestra los colores habituales y sus apariciones. Elige sustituciones, revisa el resultado estático y descarga un SVG nuevo.
Cómo usarla
- Selecciona un SVG o pega su código y pulsa Leer colores.
- Revisa colores, muestras y recuentos, y elige los colores de sustitución.
- Aplica los cambios y comprueba rellenos, trazos y degradados.
- Copia el resultado o descarga edited-colors.svg.
Funciones
- Detecta colores habituales en fill, stroke, stop-color, flood-color y lighting-color.
- Admite hexadecimal, rgb, rgba y nombres de colores habituales en atributos y estilos comunes.
- Solo cambia declaraciones de color, no coincidencias en textos, ID o enlaces.
Valores que no se sustituyen como colores normales
- none indica ausencia de pintura; currentColor usa el color del texto; url(#gradient) apunta a un degradado o patrón interno. No se sustituyen como colores fijos.
- Para cambiar un degradado, modifica sus paradas de color. La herencia y los estilos complejos no compatibles pueden impedir que la lista refleje toda la imagen.
- La descarga principal conserva el contenido no modificado, incluidos comentarios y metadatos, y puede conservar scripts o referencias externas. La vista previa los filtra; puedes descargar también la versión filtrada.
Seguridad de los SVG
La vista previa utiliza una copia estática filtrada. No ejecuta scripts, eventos de clic ni animaciones, ni carga imágenes, fuentes o estilos externos. Se eliminan referencias externas, páginas incrustadas y contenido no compatible, por lo que puede diferir del original. No se admiten documentos con DOCTYPE ni entidades personalizadas.
Los archivos y el código SVG UTF-8 admiten hasta 2 MiB, 20000 nodos, incluidos elementos y texto, y 96 niveles de anidamiento. Simplifica los archivos que superen estos límites.
Privacidad
El SVG se procesa únicamente en tu navegador y no se sube al servidor.
La herramienta no guarda automáticamente la entrada ni los resultados. Descarga lo que necesites antes de borrar o salir y conserva el archivo original.
Preguntas frecuentes
¿Por qué algunos colores no pueden cambiarse directamente?
Pueden proceder de la herencia, del color del texto, de degradados o de estilos complejos, sin un valor fijo sustituible. Revisa la lista y la vista previa.
¿Qué es currentColor?
Usa el color actual del texto en lugar de un valor hexadecimal fijo, por lo que no se sustituye como un color normal.
¿Por qué url(#gradient) no es un color normal?
Es una referencia a un degradado o patrón dentro del SVG. Para cambiar sus colores, modifica las paradas del degradado.
¿Cambiar colores modifica la estructura?
Se modifican declaraciones de color, sin convertir los trazados en píxeles. La descarga principal conserva el resto; la versión filtrada elimina contenido activo no compatible y referencias externas.