Generador de Contraseñas Seguras 2024, ¿es seguro tu password?

Genera tus propias contraseñas seguras!, con nuestro generador de passwords, Seguros y Gratis!

Manual de Uso del Generador de Contraseñas Seguras

Este manual te guiará a través del uso del generador de contraseñas seguras, destacando sus características, cómo funciona y qué hace que una contraseña sea segura.

---

Características del Generador de Contraseñas

1. Selección de Longitud: Botones para seleccionar la longitud de la contraseña (8, 12, 16, 20, 24, 32 caracteres).
2. Texto Personalizado: Campo opcional para introducir un texto personalizado como base de la contraseña.
3. Generación de Contraseñas: Botón para generar una contraseña segura.
4. Copiar Contraseña: Botón para copiar la contraseña generada al portapapeles.
5. Seguridad de la Contraseña: Información sobre la seguridad de la contraseña generada y el tiempo estimado para que un hacker la averigüe mediante fuerza bruta, con una indicación visual (rojo, naranja, verde).

Uso del Generador de Contraseñas

Selección de Longitud de la Contraseña

Botones de Longitud:

• Selecciona la longitud de la contraseña deseada haciendo clic en uno de los botones: 8, 12, 16, 20, 24, o 32 caracteres.
• La longitud seleccionada se mostrará bajo los botones.

Texto Personalizado (Opcional)

Campo de Texto:

• Introduce un texto personalizado en el campo "Texto personalizado (opcional)".
• Este texto se utilizará como base para la contraseña, añadiendo caracteres aleatorios hasta alcanzar la longitud seleccionada.

Generación de la Contraseña

Botón Generar:

• Haz clic en el botón "Generar" para crear la contraseña.
• La contraseña generada se mostrará en el área "Tu contraseña segura".

Copiar la Contraseña

1. Botón Copiar:
   • Haz clic en el botón "Copiar" para copiar la contraseña generada al portapapeles.
   • Una alerta confirmará que la contraseña ha sido copiada.

Seguridad de la Contraseña

Información de Seguridad:

• Bajo la contraseña generada, se mostrará una línea indicando el tiempo aproximado que un hacker tardaría en averiguar la contraseña mediante un ataque de fuerza bruta.
• El tiempo se mostrará en horas, días o años.

1. Indicador Visual:
   • Rojo: La contraseña es insegura (menos de 1 día para ser crackeada).
   • Naranja: La contraseña es medianamente segura (1-365 días para ser crackeada).
   • Verde: La contraseña es segura (más de 1 año para ser crackeada).

¿Qué Hace que una Contraseña Sea Segura?

1. Longitud: Cuanto más larga sea la contraseña, más difícil será averiguarla. Se recomienda una longitud mínima de 12 caracteres.
2. Diversidad de Caracteres: Usa una combinación de letras mayúsculas y minúsculas, números y símbolos.
3. Aleatoriedad: Evita usar palabras comunes, frases conocidas o patrones fáciles de adivinar.
4. Texto Personalizado: Añadir un texto personalizado puede ayudar, pero asegúrate de que también sea aleatorio y complejo.

Ejemplo de Uso del Generador de Contraseñas Seguras

Selecciona una longitud de 16 caracteres haciendo clic en el botón "16".

1. (Opcional) Introduce un texto personalizado como "MiContraseñaBase".
2. Haz clic en "Generar".
3. Observa la contraseña generada, por ejemplo, "MiContraseñaBase!2aB$".
4. Lee la información de seguridad: "Esta contraseña tardaría aproximadamente 120 años en ser averiguada por un hacker usando un ataque de fuerza bruta." (en verde).
5. Haz clic en "Copiar" para copiar la contraseña al portapapeles.

---

Código Completo del generador de contraseñas seguras

Aquí tienes el código completo del generador de contraseñas seguras para que lo insertes en tu página web:

html
<div><div>
    <h3>Generador de Contraseñas Seguras</h3>
    <p>Selecciona la longitud de la contraseña:</p>
    <button onclick="setPasswordLength(8)">8</button>
    <button onclick="setPasswordLength(12)">12</button>
    <button onclick="setPasswordLength(16)">16</button>
    <button onclick="setPasswordLength(20)">20</button>
    <button onclick="setPasswordLength(24)">24</button>
    <button onclick="setPasswordLength(32)">32</button>
    <p>Longitud seleccionada: <span id="selected-length">16</span> caracteres</p>
    
    <label for="custom-text">Texto personalizado (opcional):</label>
    <input type="text" id="custom-text" name="custom-text" placeholder="Introduce un texto">

    <button onclick="generatePassword()">Generar</button>
    <p>Tu contraseña segura: <span id="generated-password"></span></p>
    <p id="security-info"></p>
    <button id="copy-button" onclick="copyPassword()">Copiar</button>
</div>

<script>
    var selectedLength = 16;

    function setPasswordLength(length) {
        selectedLength = length;
        document.getElementById('selected-length').innerText = length;
    }

    function generatePassword() {
        var length = selectedLength;
        var customText = document.getElementById('custom-text').value;
        var charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+~`|}{[]:;?><,./-=";
        var password = customText;

        for (var i = customText.length, n = charset.length; i < length; ++i) {
            password += charset.charAt(Math.floor(Math.random() * n));
        }

        // Shuffle the password to mix the custom text with random characters
        password = password.split('').sort(function(){return 0.5 - Math.random()}).join('');

        document.getElementById('generated-password').innerText = password;

        // Calculate security info
        var charsetSize = charset.length;
        var totalCombinations = Math.pow(charsetSize, length);
        var attemptsPerSecond = 1e12; // Assuming a supercomputer can try 1 trillion combinations per second
        var secondsToCrack = totalCombinations / attemptsPerSecond;

        var timeToCrack;
        var color;
        if (secondsToCrack < 3600) {
            timeToCrack = `${(secondsToCrack / 3600).toFixed(2)} horas`;
            color = "red";
        } else if (secondsToCrack < 86400) {
            timeToCrack = `${(secondsToCrack / 3600).toFixed(2)} horas`;
            color = "red";
        } else if (secondsToCrack < 31536000) {
            timeToCrack = `${(secondsToCrack / 86400).toFixed(2)} días`;
            color = "orange";
        } else {
            timeToCrack = `${(secondsToCrack / 31536000).toFixed(2)} años`;
            color = "green";
        }

        var securityInfo = `Esta contraseña tardaría aproximadamente ${timeToCrack} en ser averiguada por un hacker usando un ataque de fuerza bruta.`;
        var securityInfoElement = document.getElementById('security-info');
        securityInfoElement.innerText = securityInfo;
        securityInfoElement.style.color = color;
    }

    function copyPassword() {
        var password = document.getElementById('generated-password').innerText;
        navigator.clipboard.writeText(password).then(function() {
            alert('Contraseña copiada al portapapeles');
        }, function(err) {
            alert('Error al copiar la contraseña: ', err);
        });
    }
</script>

    <h3>Generador de Contraseñas Seguras</h3>
    <p>Selecciona la longitud de la contraseña:</p>
    <button onclick="setPasswordLength(8)">8</button>
    <button onclick="setPasswordLength(12)">12</button>
    <button onclick="setPasswordLength(16)">16</button>
    <button onclick="setPasswordLength(20)">20</button>
    <button onclick="setPasswordLength(24)">24</button>
    <button onclick="setPasswordLength(32)">32</button>
    <p>Longitud seleccionada: <span id="selected-length">16</span> caracteres</p>
    
    <label for="custom-text">Texto personalizado (opcional):</label>
    <input type="text" id="custom-text" name="custom-text" placeholder="Introduce un texto">

    <button onclick="generatePassword()">Generar</button>
    <p>Tu contraseña segura: <span id="generated-password"></span></p>
    <p id="security-info"></p>
    <button id="copy-button" onclick="copyPassword()">Copiar</button>
</div>

<script>
    var selectedLength = 16;

    function setPasswordLength(length) {
        selectedLength = length;
        document.getElementById('selected-length').innerText = length;
    }

    function generatePassword() {
        var length = selectedLength;
        var customText = document.getElementById('custom-text').value;
        var charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+~`|}{[]:;?><,./-=";
        var password = customText;

        for (var i = customText.length, n = charset.length; i < length; ++i) {
            password += charset.charAt(Math.floor(Math.random() * n));
        }

        // Shuffle the password to mix the custom text with random characters
        password = password.split('').sort(function(){return 0.5 - Math.random()}).join('');

        document.getElementById('generated-password').innerText = password;

        // Calculate security info
        var charsetSize = charset.length;
        var totalCombinations = Math.pow(charsetSize, length);
        var attemptsPerSecond = 1e12; // Assuming a supercomputer can try 1 trillion combinations per second
        var secondsToCrack = totalCombinations / attemptsPerSecond;

        var timeToCrack;
        var color;
        if (secondsToCrack < 3600) {
            timeToCrack = `${(secondsToCrack / 3600).toFixed(2)} horas`;
            color = "red";
        } else if (secondsToCrack < 86400) {
            timeToCrack = `${(secondsToCrack / 3600).toFixed(2)} horas`;
            color = "red";
        } else if (secondsToCrack < 31536000) {
            timeToCrack = `${(secondsToCrack / 86400).toFixed(2)} días`;
            color = "orange";
        } else {
            timeToCrack = `${(secondsToCrack / 31536000).toFixed(2)} años`;
            color = "green";
        }

        var securityInfo = `Esta contraseña tardaría aproximadamente ${timeToCrack} en ser averiguada por un hacker usando un ataque de fuerza bruta.`;
        var securityInfoElement = document.getElementById('security-info');
        securityInfoElement.innerText = securityInfo;
        securityInfoElement.style.color = color;
    }

    function copyPassword() {
        var password = document.getElementById('generated-password').innerText;
        navigator.clipboard.writeText(password).then(function() {
            alert('Contraseña copiada al portapapeles');
        }, function(err) {
            alert('Error al copiar la contraseña: ', err);
        });
    }
</script>

Este manual y el script te ayudarán a generar contraseñas seguras y a comprender su nivel de seguridad. ¡En este enlace te digo como guardar todas estas contraseñas de forma segura!