Introduce el texto y elige el estilo por carácter o por palabra. Previsualiza los colores y tamaños aleatorios y copia el HTML generado con etiquetas font.
Se ejecuta localmente en tu navegadorLa herramienta envuelve cada letra —o cada palabra completa— en su propia etiqueta font de HTML con un color aleatorio y un tamaño aleatorio de 1 a 7. La vista previa y el bloque de código se construyen con la misma cadena, así que lo que ves es lo que copias.
Nada sale de la pestaña: no hay subida, ni cuenta, ni ida y vuelta al servidor, y el marcado se puede pegar en cualquier editor, foro o plantilla que todavía acepte HTML.
Cada letra cuesta una etiqueta font de unos 39 caracteres: 60.000 letras se convierten en unos 2,3 MB de marcado, y 12.000 palabras en modo palabra en unos 516 KB. Medido en el navegador en 0,5 s y 0,16 s.
El bloque de código resalta el marcado hasta 50.000 caracteres. Un texto más largo se genera y se copia igual de bien, solo se muestra como texto escapado sin colores de sintaxis.
El modo letra divide por grupos de grafemas, las unidades que ve el lector: una familia de emoji, una bandera o una letra con acento combinado se quedan dentro de una sola etiqueta en vez de partirse en dos.
El modo palabra envuelve cada palabra y conserva los huecos tal como los escribiste. El segundo espacio de una racha se escribe como espacio duro para que sobreviva en la página, un tabulador cuenta como un espacio y cada salto de línea se convierte en una etiqueta de salto.
El color y el tamaño salen de un sorteo en cada ejecución: el mismo texto produce un marcado distinto cada vez, y dos letras vecinas pueden compartir color por casualidad.
El generador no comprueba el contraste con el fondo de tu página: un color claro se lee mal sobre blanco y uno oscuro sobre negro. Vuelve a generar hasta que la mezcla encaje o edita los valores hexadecimales del marcado.
El elemento font está obsoleto en HTML5, pero los navegadores siguen dibujándolo: por eso la salida lo usa, porque los editores antiguos, los foros y las plantillas de correo que eliminan CSS conservan los colores.
El texto que escribes se escapa al entrar: los signos de menor y mayor y los ampersands aparecen como caracteres, no como etiquetas, así que pegar marcado produce una copia coloreada del marcado en lugar de romper la vista previa.