¡Bienvenido/a al Generador de Contraseñas realizado por Felipe Moreno Marciales, con el fin de aportar a la seguridad!
Crea contraseñas fuertes, personalizadas y copia al portapapeles con un solo clic.
¡Con soporte para modo claro/oscuro y accesibilidad! 🌗✨
- 🎲 Generación aleatoria segura (usa la API de criptografía del navegador)
- 🛡️ Personaliza tu contraseña:
- Longitud (8 a 32 caracteres)
- Mayúsculas, minúsculas, números y símbolos
- 📊 Indicador de Calidad de Contraseña: Evalúa y muestra visualmente la fortaleza de cada contraseña generada (de "Muy Débil" a "Perfecta").
- 🌙 Modo claro/oscuro con animación visual
- 📋 Copia al portapapeles con feedback visual y accesible
- ♿ Accesibilidad: compatible con lectores de pantalla
- 💻 Interfaz moderna y responsive
- Elige la longitud de la contraseña con el slider.
- Selecciona los tipos de caracteres que quieres incluir.
- Haz clic en "Generar Contraseña".
- Observa la calidad de la contraseña en el indicador.
- Observa el Tiempo estimado para descifrar.
- Presiona "Copiar" para guardar la contraseña en tu portapapeles.
Generador_Contrasenas/
│
├── index.html # Interfaz principal
├── style.css # Estilos modernos y adaptativos
├── script.js # Lógica de generación y UI
└── README.md # ¡Este archivo!
- HTML5 + CSS3 (con variables y animaciones)
- JavaScript moderno (ES6+)
- Google Fonts: Poppins
- Selector de Color: Elige entre 5 vibrantes colores de acento para personalizar la interfaz.
- Anuncios para lectores de pantalla (aria-live)
- Botones grandes y claros
- Contraste alto y modo oscuro/ligero
- Navegación por teclado
- Consejo de Seguridad
- Tiempo estimado para descifrar
Consejo: Usa siempre un gestor de contraseñas y habilita 2FA.
¡Haz clic para usar la aplicación en vivo!
¡No requiere instalación ni dependencias externas!
Este proyecto está bajo la Licencia GPL-3.0. Consulta el archivo LICENSE para más detalles.
¿Te gustó? ¡Dale una estrella ⭐ y comparte para la seguridad de todos!