dijital dahi: Güçlü Rastgele Şifre Üretici Aracı (HTML, CSS Kodu & AI Promptu)

🟢 Canlı Araç

Seçim Yapın

Uzunluk: 16

⚡ Sağdaki HTML, CSS ve JS kutularından kodları doğrudan düzenleyerek aracı anında değiştirebilirsiniz!

📄 HTML KODU ✏️ Düzenlenebilir

🎨 CSS STILLERI ✏️ Düzenlenebilir

.pwd-gen-card { width: 100%; max-width: 300px; padding: 1.5rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(16px); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 16px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4); }
.pwd-result-box { display: flex; align-items: center; justify-content: space-between; background: #090a10; padding: 0.75rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; margin-bottom: 1.25rem; }
.pwd-display-text { font-family: monospace; font-size: 1rem; font-weight: 800; color: #10b981; word-break: break-all; }
.pwd-copy-icon { background: none; border: none; font-size: 1.1rem; cursor: pointer; }
.pwd-controls-row { display: flex; flex-direction: column; gap: 0.4rem; font-size: 0.82rem; color: #94a3b8; margin-bottom: 1.25rem; }
.btn-generate-pwd { width: 100%; padding: 0.65rem; background: #10b981; color: #090a10; border: none; border-radius: 8px; font-size: 0.88rem; font-weight: 800; cursor: pointer; box-shadow: 0 0 15px rgba(16, 185, 129, 0.4); transition: all 0.2s ease; }
.btn-generate-pwd:hover { transform: translateY(-2px); box-shadow: 0 0 22px #10b981; }

⚡ JAVASCRIPT KODU ✏️ Düzenlenebilir

🤖 YAPAY ZEKA (AI) PROMPTU ChatGPT / Claude / v0

Bana crypto.getRandomValues API'sini kullanarak yüksek güvenlikli, kriptografik rastgele şifre üreten bir web aracı kodla. 
Kullanıcı şifre uzunluğunu bir slider ile ayarlayabilsin, tek tıkla şifreyi panoya kopyalayabilsin ve şifre gücünü (zayıf/orta/güçlü) renkli bir barla göstersin. 
Karanlık neon UI tasarımı kullan.

💡 Nasıl Kullanılır? Promptu kopyalayıp ChatGPT, Claude veya Cursor'a yapıştırarak bu aracı projenize göre özelleştirebilirsiniz. Promptun sonuna "Büyük harf, rakam ve özel karakterleri açıp kapatma onay kutuları ekle" yazarak yapay zekaya daha fazla seçenek ekletebilirsiniz.

Güçlü Rastgele Şifre Üretici Aracı (HTML, CSS Kodu & AI Promptu)

Kayıtlı Favorilerim