Entrada
<path fill="#000000" d="M0 0h24v24H0z"/>
Salida
<path fill="#ff0000" d="M0 0h24v24H0z"/>
Herramientas de diseño
Editor de color SVG — Edita fill y stroke
Pega marcado SVG, extrae los colores de fill/stroke a una paleta editable, previsualiza los cambios en vivo y copia el SVG actualizado. Pensado para recolorear iconos y teñido vectorial sencillo.
SVGRecolorearIconos
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Editor de color SVG
Pega marcado SVG, extrae los colores de fill/stroke a una paleta editable, previsualiza los cambios en vivo y copia el SVG actualizado. Pensado para recolorear iconos y teñido vectorial sencillo.
被侦测到的矢量色盘 (Detected Colors)
等待注入矢量代码...
篡改后的新 SVG 源代码
Casos de uso
- Recolorea SVGs de una librería de iconos a los colores de marca
- Unifica fill/stroke en un SVG multicolor
- Previsualiza iconos sobre fondos claros y oscuros
Cómo usar
- Pega un SVG completo
- Edita los colores extraídos en la paleta
- Previsualiza y copia el SVG final
Entrada y salida de ejemplo
FAQ
¿Puedo editar degradados?
Los valores sólidos de fill/stroke son el objetivo principal. Los degradados lineales en defs pueden no aparecer completos ni ser editables.
¿Es segura la vista previa?
Los nodos ejecutables y los atributos de evento se eliminan antes de la vista previa para reducir el riesgo de script desde un SVG hostil.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Optimizador de SVG
Optimizador de SVG — Limpieza y compresión
Limpia comentarios, metadatos de editor y espacios en blanco extra del SVG localmente en el navegador para producir un marcado más corto: útil para comprimir iconos, limpiar exportaciones y preparar SVG inline. Es un limpiador ligero, no una pipeline completa de plugins SVGO.
SVG Optimizar Minificar
Generador de marcadores de posición SVG
Generador de marcadores de posición SVG — Tamaño y etiqueta personalizados
Genera un marcador de posición SVG ligero a partir del ancho, el alto, el fondo, el texto de etiqueta y el tamaño de fuente: útil para huecos de imagen en prototipos, esqueletos de listas y marcadores de carga. Copia el marcado SVG cuando esté listo.
SVG Marcador de posición Prototipo
Colores CSS con nombre
Colores CSS con nombre — Consulta de nombres de color estándar
Explora los colores con nombre de W3C/CSS y sus valores. Filtra por palabra clave o familia y copia el nombre del color o el HEX para trabajo con CSS nativo.
CSS Color Chuleta