Visualizador AES paso a paso
Cifra un bloque real con AES-128 y observa cada transformación ronda a ronda. Implementación validada contra el vector oficial FIPS-197 y la Web Crypto API de tu navegador.
Cifra un bloque de 128 bits con AES-128 paso a paso: cada ronda muestra el estado real de la matriz tras SubBytes, ShiftRows, MixColumns y AddRoundKey. La clave se expande con el key schedule oficial.
Hecho por
Miguel Ángel Colorado Marin (MACM)
Hecho por
Miguel Ángel Colorado Marin (MACM)
Full-Stack Developer · Guadalajara, España
Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.
AES protege el tráfico HTTPS de medio planeta, pero casi nadie ha visto nunca sus entrañas: se enseña como una caja negra que «cifra». Esta herramienta abre esa caja. Introduce una clave y un bloque de 16 bytes y observa cómo el estado —una matriz de 4×4 bytes— se transforma durante las 10 rondas del algoritmo: SubBytes sustituye cada byte por su entrada en la S-box, ShiftRows rota las filas para difundir columnas, MixColumns mezcla cada columna con aritmética de Galois GF(2⁸) y AddRoundKey inyecta la clave de ronda derivada del key schedule. No es una simulación aproximada: es una implementación completa de FIPS-197 cuyo resultado se valida automáticamente contra dos fuentes independientes, el vector oficial del estándar (Apéndice C.1) y la propia Web Crypto API de tu navegador.
Características
- ✓Las 10 rondas completas con estado real en cada fase
- ✓Key schedule: las 11 claves derivadas visibles
- ✓Matrices 4×4 en la disposición exacta del estándar
- ✓Verificado contra el Apéndice C.1 de FIPS-197
- ✓Doble check contra Web Crypto API en tu navegador
¿Cómo visualizar el cifrado AES?
- 1
Elige clave y bloque
Por defecto se carga el vector oficial de FIPS-197; cambia ambos valores si quieres.
- 2
Cifra el bloque
Se generan las 11 claves de ronda y el estado inicial tras el primer XOR.
- 3
Recorre las rondas
Despliega cada ronda para ver el estado tras SubBytes, ShiftRows, MixColumns y AddRoundKey.
- 4
Comprueba la verificación
El resultado se compara en vivo contra Web Crypto: si coincide, la implementación es correcta.
Preguntas frecuentes
¿Esto sirve para cifrar mis datos reales?
Es una herramienta educativa: cifra un único bloque de 16 bytes sin modo de operación ni padding. Para datos reales usa el Encriptador AES-256 de esta misma suite, que implementa GCM con Web Crypto.
¿Por qué la última ronda no tiene MixColumns?
Lo define el propio estándar FIPS-197: MixColumns antes del AddRoundKey final no aportaría seguridad extra porque su efecto sería reversible por el atacante sin conocer la clave; eliminarla simplifica el descifrado sin debilitar el algoritmo.
¿Qué significa que el estado se muestre «por columnas»?
FIPS-197 rellena la matriz columna a columna: los primeros 4 bytes del bloque forman la primera columna. Por eso la primera fila muestra los bytes 0, 4, 8 y 12, no los 0, 1, 2 y 3 como intuirías leyendo el hex seguido.
Herramientas relacionadas
Incrusta Visualizador AES paso a paso en tu web
Integra Visualizador AES paso a paso en cualquier página web con un simple iframe. Gratis, con atribución a miguelacm.es.
<iframe
src="https://miguelacm.es/embed/aes-visualizer"
width="100%"
height="700"
frameborder="0"
title="Visualizador AES paso a paso — miguelacm.es"
></iframe>