Generador de graffiti SVG
Generador de graffiti SVG: genera un SVG con texto grande, color elegido, trazo blanco y fondo oscuro.
Texto dentro de un cartel SVG
Introduce una palabra o frase y un color hexadecimal. La página genera un SVG de 800 por 240 píxeles con fondo #161616. El texto se centra, usa Impact a 100 píxeles y lleva un contorno blanco de 2 píxeles para separarlo del fondo.
Color válido de seis dígitos
El campo acepta el patrón #RRGGBB, por ejemplo #ff3366. Si el valor no cumple exactamente ese formato, se reemplaza por #f97316. No admite nombres CSS, transparencia de ocho dígitos, HSL ni degradados desde el formulario.
Frases largas y fuente disponible
El lienzo y la fuente no se ajustan a la anchura del texto. Una frase extensa puede salir por los lados. Además, si el visor no dispone de Impact, elegirá una alternativa sans serif y cambiará la medida; abre el archivo final para detectar cortes.
SVG editable y texto escapado
Los signos reservados de XML se convierten antes de incrustar la frase, por lo que un ampersand no rompe el documento. Al ser vectorial, puedes abrir el SVG y modificar relleno, contorno, posición, fuente o fondo con un editor compatible.
Estética tipográfica, no aerosol simulado
El resultado es un rótulo de letras gruesas. No genera textura de pared, gotas, sombras complejas, perspectiva ni un estilo aprendido de artistas. Para una composición más elaborada, utiliza esta pieza como borrador y añade efectos respetando autoría y contexto.
Para imprimir, confirma el tamaño físico y la conversión de color en la aplicación de destino. Las dimensiones del SVG expresan una proporción y coordenadas, no una resolución de impresión cerrada. Rasterizarlo demasiado pequeño antes de ampliarlo elimina la ventaja vectorial.
El contorno blanco usa paint-order para dibujar el trazo sin cubrir en exceso el relleno. Un visor SVG antiguo puede interpretar ese orden de otra manera. Si la exportación es crítica, abre el resultado en el programa final y convierte el texto a trazados después de resolver la fuente.
Contraste del color elegido
Un relleno muy claro puede mezclarse con el borde blanco y perder definición; uno muy oscuro puede desaparecer contra #161616. Compara ambos límites. El formulario valida la forma hexadecimal, pero no calcula contraste ni avisa si el color dificulta leer el rótulo.
Fuentes y referencias
Continúa con estas herramientas
Preguntas frecuentes
¿Qué tamaño tiene el diseño?
El SVG mide 800 × 240, con el texto centrado cerca de la mitad vertical.
¿Qué pasa si escribo «red» como color?
No coincide con #RRGGBB y se sustituye por el naranja predeterminado #f97316.
¿Puedo usar fondo transparente?
El generador añade un rectángulo oscuro. Puedes eliminarlo manualmente en el SVG para dejar transparencia.
¿La frase se ajusta sola al ancho?
No. Acórtala o modifica font-size y la caja del documento después de descargarlo.
¿Por qué la tipografía cambia en otro ordenador?
Si Impact no está instalada, el visor recurre a otra sans serif definida como alternativa.
¿Produce un grafiti realista?
No. Produce un tratamiento tipográfico plano con relleno de color y borde blanco.
Herramienta de OCC Tools