{"id":2109,"date":"2025-12-08T22:17:56","date_gmt":"2025-12-08T22:17:56","guid":{"rendered":"https:\/\/lime-woodpecker-204967.hostingersite.com\/?p=2109"},"modified":"2025-12-08T22:26:10","modified_gmt":"2025-12-08T22:26:10","slug":"password-generator","status":"publish","type":"post","link":"https:\/\/online-tool.xyz\/ru\/password-generator\/","title":{"rendered":"Password Generator"},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-align-center\"><strong>Password Generator Online<\/strong><\/h2>\n\n\n\n<style>\n\/* ======== CONTAINER ======== *\/\n.password-box {\n    max-width: 530px;\n    margin: auto;\n    background: #ffffff;\n    padding: 25px;\n    border-radius: 22px;\n    box-shadow: 0 4px 22px rgba(0,0,0,0.08);\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", sans-serif;\n}\n\n\/* ======== TITLE ======== *\/\n.password-box h2 {\n    font-size: 22px;\n    font-weight: 600;\n    color: #222;\n    margin-bottom: 18px;\n}\n\n\/* ======== PASSWORD FIELD ======== *\/\n#password {\n    width: 100%;\n    padding: 14px 16px;\n    font-size: 20px;\n    border-radius: 14px;\n    border: 1.5px solid #c9c9c9;\n    background: #f7f7f7;\n    letter-spacing: 1px;\n    transition: .25s;\n}\n#password:focus {\n    border-color: #007aff;\n    outline: none;\n    background: #fff;\n}\n\n\/* ======== COPY BUTTON ======== *\/\n.copy-btn {\n    margin-top: 10px;\n    width: 100%;\n    background: #007aff;\n    padding: 12px;\n    border-radius: 12px;\n    color: white;\n    text-align: center;\n    cursor: pointer;\n    font-size: 17px;\n    transition: .2s;\n}\n.copy-btn:hover {\n    background: #0063d6;\n}\n\n\/* ======== SLIDER ======== *\/\n.range-label {\n    margin-top: 20px;\n    font-size: 16px;\n    font-weight: 500;\n}\ninput[type=\"range\"] {\n    width: 100%;\n    margin-top: 10px;\n}\n\n\/* ======== RADIO OPTIONS (iOS style) ======== *\/\n.radio-group label {\n    display: flex;\n    align-items: center;\n    margin-bottom: 10px;\n    cursor: pointer;\n}\n\n.radio-ios {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    border: 2px solid #007aff;\n    margin-right: 12px;\n    position: relative;\n    transition: .25s;\n}\n.radio-group input[type=\"radio\"] {\n    display: none;\n}\n.radio-group input[type=\"radio\"]:checked + .radio-ios {\n    background: #007aff;\n    box-shadow: inset 0 0 0 5px white;\n}\n\n\/* ======== CHECKBOXES (iOS style) ======== *\/\n.checkbox-group label {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    margin-bottom: 8px;\n}\n.checkbox-group input[type=\"checkbox\"] {\n    width: 22px;\n    height: 22px;\n    margin-right: 12px;\n    accent-color: #007aff;\n}\n\n\/* ======== GENERATE BUTTON ======== *\/\n.generate-btn {\n    margin-top: 20px;\n    width: 100%;\n    background: #007aff;\n    padding: 14px;\n    border-radius: 12px;\n    color: white;\n    font-size: 18px;\n    text-align: center;\n    cursor: pointer;\n    transition: .25s;\n}\n.generate-btn:hover {\n    background: #005bcc;\n}\n\n\/* ===== Password Strength ===== *\/\n.strength-bar {\n    margin-top: 15px;\n    height: 10px;\n    border-radius: 10px;\n    background: #e0e0e0;\n}\n.strength-fill {\n    height: 100%;\n    width: 0%;\n    border-radius: 10px;\n    transition: width 0.4s ease;\n}\n\n<\/style>\n<div class=\"tool-container\">\n<div class=\"password-generator-box\">\n\n    <h3>Password Options<\/h3>\n\n    <!-- RADIO OPTIONS -->\n    <label class=\"radio-option\">\n        <input type=\"radio\" name=\"mode\" class=\"options-radio\" value=\"all\" checked>\n        <span class=\"radio-checkmark\"><\/span>\n        All Characters\n    <\/label>\n\n    <label class=\"radio-option\">\n        <input type=\"radio\" name=\"mode\" class=\"options-radio\" value=\"read\">\n        <span class=\"radio-checkmark\"><\/span>\n        Easy To Read\n    <\/label>\n\n    <label class=\"radio-option\">\n        <input type=\"radio\" name=\"mode\" class=\"options-radio\" value=\"say\">\n        <span class=\"radio-checkmark\"><\/span>\n        Easy To Say\n    <\/label>\n\n    <br>\n\n    <!-- CHECKBOX OPTIONS -->\n    <label class=\"checkbox-option\">\n        <input type=\"checkbox\" id=\"upper\" checked>\n        Uppercase\n    <\/label>\n\n    <label class=\"checkbox-option\">\n        <input type=\"checkbox\" id=\"lower\" checked>\n        Lowercase\n    <\/label>\n\n    <label class=\"checkbox-option\">\n        <input type=\"checkbox\" id=\"number\" checked>\n        Numbers\n    <\/label>\n\n    <label class=\"checkbox-option\">\n        <input type=\"checkbox\" id=\"special\" checked>\n        Special Characters\n    <\/label>\n\n    <br>\n\n    <!-- LENGTH -->\n    <label>Password Length:<\/label>\n    <input type=\"range\" id=\"password-strength\" min=\"3\" max=\"30\" value=\"12\">\n\n    <br><br>\n\n    <!-- PASSWORD -->\n    <input type=\"text\" id=\"password\" readonly>\n\n    <br><br>\n\n    <button id=\"generate\" class=\"generate-btn\">Generate Password<\/button>\n\n    <div id=\"password-text\"><\/div>\n\n<\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n    const upperChars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n    const lowerChars = \"abcdefghijklmnopqrstuvwxyz\";\n    const numberChars = \"0123456789\";\n    const specialChars = \"!@#$%^&*\";\n\n    const shuffle = arr => arr.sort(() => Math.random() - 0.5);\n\n    function updateCheckboxes() {\n        let mode = document.querySelector('.options-radio:checked').value;\n\n        if (mode === \"all\") {\n            upper.checked = lower.checked = number.checked = special.checked = true;\n            number.disabled = special.disabled = false;\n        }\n        if (mode === \"read\") {\n            upper.checked = lower.checked = true;\n            number.checked = special.checked = false;\n            number.disabled = special.disabled = false;\n        }\n        if (mode === \"say\") {\n            upper.checked = lower.checked = true;\n            number.checked = special.checked = false;\n            number.disabled = special.disabled = true;\n        }\n    }\n\n    function generatePassword() {\n        let length = parseInt(document.getElementById(\"password-strength\").value);\n        let chars = \"\";\n\n        if (upper.checked) chars += upperChars;\n        if (lower.checked) chars += lowerChars;\n        if (number.checked) chars += numberChars;\n        if (special.checked) chars += specialChars;\n\n        if (chars.length === 0) return;\n\n        let password = \"\";\n        for (let i = 0; i < length; i++) {\n            password += chars[Math.floor(Math.random() * chars.length)];\n        }\n\n        document.getElementById(\"password\").value = password;\n    }\n\n    document.querySelectorAll(\".options-radio\").forEach(r =>\n        r.addEventListener(\"change\", updateCheckboxes)\n    );\n\n    document.getElementById(\"generate\").addEventListener(\"click\", generatePassword);\n    document.getElementById(\"password-strength\").addEventListener(\"input\", generatePassword);\n\n    updateCheckboxes();\n    generatePassword();\n\n});\n<\/script>\n\n\n\n<div style=\"height:174px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\nbody {\n  font-family: 'Inter', sans-serif;\n  background: #f8fafc;\n  margin: 0;\n  color: #1e293b;\n}\n\nheader {\n  text-align: center;\n  padding: 30px 20px;\n  background: white; \n  color: #1e293b;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n\nheader h1 {\n  font-size: 2.6rem;\n  margin-bottom: 10px;\n}\nheader p {\n  font-size: 1.1rem;\n  opacity: 0.9;\n}\n\n.section {\n  padding: 60px 5%;\n}\n.section h2 {\n  font-size: 1.6rem;\n  margin-bottom: 25px;\n  color: #0f172a;\n  border-left: 5px solid #3b82f6;\n  padding-left: 10px;\n}\n\n.tools-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n  gap: 20px;\n}\n\n\/* Make the whole card clickable *\/\n.tool-card {\n  background: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 3px 8px rgba(0,0,0,0.05);\n  transition: all 0.25s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  text-decoration: none;\n  color: inherit;\n  height: 150px; \/* adjust height if needed *\/\n}\n.tool-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 6px 15px rgba(0,0,0,0.08);\n  background: #f0f8ff; \/* light blue hover *\/\n}\n\n.tool-card h3 {\n  margin: 0 0 10px 0;\n  font-size: 1.1rem;\n}\n.tool-card p {\n  font-size: 0.9rem;\n  color: #64748b;\n  margin: 0;\n}\n<\/style>\n\n<section class=\"section\">\n  <h2>\ud83c\udfb2 Other Tools<\/h2>\n  <div class=\"tools-grid\">\n    <a href=\"https:\/\/online-tool.xyz\/ru\/color-picker-palette-generator\/\" target=\"_blank\" class=\"tool-card\">\n      <h3>color picker<\/h3>\n      <p>Color Picker \u2013 Generate &#038; Copy Color Codes.<\/p>\n    <\/a>\n    <a href=\"https:\/\/online-tool.xyz\/ru\/qr-code-generator\/\" target=\"_blank\" class=\"tool-card\">\n      <h3>QR Code Generator<\/h3>\n      <p>QR Code Generator Online &#8211; Free &#038; Fast QR Maker.<\/p>\n    <\/a>\n    <a href=\"https:\/\/online-tool.xyz\/ru\/text-to-speech\/\" target=\"_blank\" class=\"tool-card\">\n      <h3>Text to Speech<\/h3>\n      <p>Text to Speech Converter Online &#8211; Free TTS Tool<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n\n\n\n<div style=\"height:106px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tool-container\">\n<center><p>Create strong, secure, and unique passwords instantly using our <strong>free online password generator<\/strong>. Protect your accounts with advanced encryption-level password strength.<\/p>\n\n<h2>How to Generate a Strong Password<\/h2>\n<ul>\n  <li>Choose your desired password length.<\/li>\n  <li>Select options: uppercase, lowercase, numbers, and special symbols.<\/li>\n  <li>Click <strong>Generate Password<\/strong>.<\/li>\n  <li>Copy your secure password and use it anywhere.<\/li>\n<\/ul>\n<p>Fast, secure, and works on all devices.<\/p>\n\n<h2>Features of Our Password Generator Tool<\/h2>\n\n<h3>Strong &#038; Random Passwords<\/h3>\n<p>All passwords are created with advanced randomness to ensure maximum security.<\/p>\n\n<h3>Customizable Settings<\/h3>\n<p>Choose length, characters, symbols, and complexity according to your needs.<\/p>\n\n<h3>Free &#038; No Registration<\/h3>\n<p>No signup required. Use the tool instantly and unlimited.<\/p>\n\n<h3>Works on Any Device<\/h3>\n<p>Compatible with mobile, tablet, and desktop browsers.<\/p>\n\n<h2>Why Use a Password Generator?<\/h2>\n<ul>\n  <li>Prevents hacking and brute-force attacks<\/li>\n  <li>Ensures each account has a unique password<\/li>\n  <li>Avoids easy-to-guess passwords<\/li>\n  <li>Saves time with instant generation<\/li>\n  <li>Perfect for personal and business use<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div style=\"height:106px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Frequently Asked Questions<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list\">\n<div id=\"faq-question-1765232205799\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">Are the generated passwords stored?<\/h3>\n<div class=\"rank-math-answer\">\n\n<p>No. We never store or log any generated passwords. Everything happens locally for your privacy.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1765232207402\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">Is the password generator free?<\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Yes, it is 100% free to use with no limits.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1765232209383\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">Are the passwords secure enough for banking?<\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Yes, the generated passwords follow strong security standards suitable for banks, emails, and social media.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1765232210639\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">Can I create long passwords?<\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Yes, you can customize the length\u2014even up to 50+ characters.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Password Generator Online Password Options All Characters Easy To Read Easy To Say Uppercase Lowercase Numbers Special Characters Password Length: Generate Password \ud83c\udfb2 Other Tools color picker Color Picker \u2013 Generate &#038; Copy Color Codes. QR Code Generator QR Code Generator Online &#8211; Free &#038; Fast QR Maker. Text to Speech Text to Speech Converter [&hellip;]<\/p>","protected":false},"author":1,"featured_media":2119,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"uagb_featured_image_src":{"full":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator.jpg",512,512,false],"thumbnail":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator-150x150.jpg",150,150,true],"medium":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator-300x300.jpg",300,300,true],"medium_large":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator.jpg",512,512,false],"large":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator.jpg",512,512,false],"1536x1536":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator.jpg",512,512,false],"2048x2048":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator.jpg",512,512,false],"trp-custom-language-flag":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/Password-Generator.jpg",12,12,false]},"uagb_author_info":{"display_name":"kyronellesmere@gmail.com","author_link":"https:\/\/online-tool.xyz\/ru\/author\/kyronellesmeregmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Password Generator Online Password Options All Characters Easy To Read Easy To Say Uppercase Lowercase Numbers Special Characters Password Length: Generate Password \ud83c\udfb2 Other Tools color picker Color Picker \u2013 Generate &#038; Copy Color Codes. QR Code Generator QR Code Generator Online &#8211; Free &#038; Fast QR Maker. Text to Speech Text to Speech Converter&hellip;","_links":{"self":[{"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/posts\/2109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/comments?post=2109"}],"version-history":[{"count":1,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/posts\/2109\/revisions"}],"predecessor-version":[{"id":2112,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/posts\/2109\/revisions\/2112"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/media\/2119"}],"wp:attachment":[{"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/media?parent=2109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/categories?post=2109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/online-tool.xyz\/ru\/wp-json\/wp\/v2\/tags?post=2109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}