Codificador y decodificador de entidades HTML
Codifica texto como entidades HTML (con nombre, decimales o hex) o decodifícalas: <, >, &, comillas, tildes, ñ y símbolos Latin-1. Corre en tu navegador.
Funciona en tu equipoFunciona completa en tu navegador: nada de lo que escribes o subes sale de tu equipo.
Cómo usarla
- Elige Codificar (texto a entidades) o Decodificar (entidades a texto).
- Para codificar, elige el formato (con nombre, decimal o hexadecimal) y el alcance: solo los cinco caracteres especiales, esos más todo lo que no sea ASCII (la opción por defecto) o todos los caracteres.
- Escribe o pega el texto; el resultado se actualiza mientras escribes.
- Copia o descarga el resultado, o presiona Invertir / Intercambiar para pasarlo a la entrada y cambiar de modo.
Cuando un < o un & dañan la página
HTML usa <, >, & y las comillas para marcar etiquetas y atributos. Si un texto que debería verse como texto los trae, el navegador lo lee como código: un producto llamado Café & Té <nuevo> puede perder una palabra, desordenar la página o, cuando el texto lo escribe un visitante, permitir que alguien meta su propio HTML o script (el ataque llamado XSS). Una entidad HTML escribe el carácter de forma que el navegador lo muestra pero nunca lo trata como código: < para <, & para &.
Las entidades también sirven en plantillas de correo y en sistemas viejos que dañan las tildes, porque ñ es ASCII puro y sobrevive a cualquier codificación. La herramienta codifica y decodifica en tu navegador; el texto no se envía a ninguna parte.
Ejemplo: una línea de precios para tienda-ejemplo.co
Quieres mostrar <p>Café & Té: $1.200 (año 2026)</p> como texto visible en una página de tienda-ejemplo.co. Con las opciones por defecto (formato con nombre, especiales y no ASCII), Codificar da <p>Café & Té: $1.200 (año 2026)</p>. Los signos de menor y mayor pasan a < y >, el ampersand a &, y la é y la ñ a sus entidades con nombre.
Con el formato Decimal, la ñ queda ñ, y con Hexadecimal ñ; los navegadores muestran las tres igual. Los caracteres que no tienen nombre en la herramienta, como un emoji, se escriben con número aunque elijas el formato con nombre. Presiona Invertir / Intercambiar y Decodificar te devuelve la línea original.
La doble codificación y otras trampas
Codificar dos veces el mismo texto es el error más común. Codificar siempre escapa el &, así que & pasa a &amp; y la página termina mostrando & como texto. Si un sitio muestra & o é en pantalla, algo lo codificó dos veces.
En una página guardada en UTF-8 (con <meta charset="utf-8">), las tildes y la ñ no necesitan entidades; ahí basta con Solo especiales. Y escapar para HTML solo protege el texto y los atributos HTML: un texto que va dentro de un bloque <script>, de una URL o de un valor CSS necesita el escape propio de ese lenguaje.
Preguntas frecuentes
¿Cuáles son los cinco caracteres especiales de HTML y XML?
`&` (`&`), `<` (`<`), `>` (`>`), la comilla doble (`"`) y el apóstrofo (`'`). En el texto, los que hay que escapar sí o sí son `&` y `<`; las comillas importan dentro de los valores de los atributos. `'` no existía en HTML 4, así que algunos clientes de correo viejos lo muestran como texto; para esos usa el formato Decimal (`'`).
¿Qué diferencia hay entre formato con nombre, decimal y hexadecimal?
Las entidades con nombre usan palabras identificativas (como `©` para el símbolo de copyright). Las decimales usan el código numérico en base 10 (`©`), y las hexadecimales usan base 16 (`©`). Los navegadores muestran las tres exactamente igual.
¿Incluye las tildes y la ñ?
Sí. Tiene entidades con nombre para todo el rango Latin-1, que incluye á, é, í, ó, ú, ü y ñ en minúscula y mayúscula (`á`, `Ñ`) y los signos de apertura `¿` y `¡`, además de algunos signos tipográficos como `€`, `–`, `…` y `™`.
¿Puede decodificar emojis y otros caracteres Unicode?
Sí, cuando vienen como número: `😀` y `😀` se decodifican como el emoji de la carita sonriente, y funciona cualquier punto de código hasta el final de Unicode. Al codificar, los caracteres que no están en la lista de nombres salen como número decimal o hexadecimal.
¿Por qué una entidad como ♥ queda sin cambiar?
El decodificador conoce unos 100 nombres: los cinco especiales, el conjunto Latin-1 y algunos signos tipográficos. HTML define más de 2.000, y los nombres que no están en la lista de la herramienta se dejan como están en vez de adivinarlos. Una referencia sin el `;` final también se deja igual. Las referencias numéricas (`♥`) siempre se decodifican.
Más en este capítulo
- 5.1Formateador JSONFormatea o minifica JSON y ubica el error por línea y columna.
- 5.2Convertidor CSV y JSONConvierte CSV a JSON o JSON a CSV con coma, punto y coma o tabulación como separador.
- 5.3Conversor YAML a JSONConvierte YAML a JSON y viceversa en tu navegador.
- 5.4Base64Codifica o decodifica Base64 en tu navegador: texto UTF-8, Base64 apto para URL, archivos a Base64 o data URL, y Base64 de vuelta a un archivo descargable.
- 5.5Contraste de colorMide el contraste entre el color del texto y el del fondo según WCAG 2.2 AA y AAA, para texto normal, texto grande y componentes.
- 5.6Explicador de cronLee una expresión cron de 5 campos como una frase y ve sus próximas 5 ejecuciones en tu zona horaria.
- 5.7Bases numéricasConvierte números enteros entre decimal, hexadecimal, binario y octal, con longitud en bits y dígitos agrupados.
- 5.9Codificar URLCodifica o decodifica URLs y valores de consulta (percent-encoding) y separa cualquier URL en protocolo, host, ruta, parámetros y fragmento.
- 5.10Hash SHA-256Calcula hashes SHA-1, SHA-256, SHA-384 y SHA-512 de textos o archivos y verifica una descarga con su checksum.
- 5.11Generador de UUIDGenera UUID v4 aleatorios o UUID v7 ordenados por tiempo (RFC 9562) en tu navegador, de 1 a 1000 a la vez, en mayúsculas o sin guiones.
- 5.12Timestamp UnixConvierte timestamps Unix en segundos o milisegundos a ISO 8601, UTC y tu hora local, o una fecha a epoch.
- 5.13Decodificador JWTDecodifica un JSON Web Token en tu navegador: mira el encabezado y el payload como JSON y si ya venció.
- 5.14Probador de regexPrueba expresiones regulares en vivo: coincidencias resaltadas, grupos de captura, banderas y errores claros.
╌╌ FIN ╌╌