dijital dahi: 07-YAPAY-ZEKA-LLM-TOKEN-MALIYET-HESAPLAYICI

CANLI ÇALIŞMA ALANI

🤖 AI API Pricing

LLM Token Maliyet Hesaplayıcı

Model Seçimi:

Girdi Token (Input):1,500 Token

Çıktı Token (Output):500 Token

Aylık İstek Sayısı:10,000 Çağrı

İstek Başı$0.0088

Aylık Tahmini$87.50

Yıllık Bütçe$1,050

💡 Farenizi veya kontrolleri deneyin. Sağdaki kodları düzenleyerek anında canlı test edebilirsiniz.

💡 Bileşen Analizi & Kullanım Alanları

OpenAI GPT-4o, Claude 3.5 Sonnet ve Gemini modelleri için girdi/çıktı token sayıları ve aylık çağrı hacmine göre API maliyetinizi hesaplayın.

🎯 Nerelerde ve Nasıl Kullanılır?

Web Geliştirici & Araç Siteleri: Ziyaretçilerinize anlık etkileşimli deneyim sunmak için kullanabilirsiniz.
SaaS & Yönetim Panelleri: Projelerinizin içine sıfır bağımlılıkla hafif bir modül olarak entegre edebilirsiniz.
Eğitim & Blog İçerikleri: Ziyaretçilerin kodları doğrudan inceleyip kendi projelerine kopyalamasını sağlayabilirsiniz.

🎨 Özelleştirme & Geliştirici İpuçları:

Hızlı Özelleştirme: Sağdaki CSS kutusundan renkleri, kenarlıkları ve tipografiyi kendi temanıza göre düzenleyebilirsiniz.
Tek Tıkla Kopyalama: Her bloğun üstündeki butonlarla HTML, CSS ve JS kodlarını anında projenize aktarabilirsiniz.

📦 HTML KODU ✏️ Düzenlenebilir

<div class="calc-tool-card">   <div class="calc-header"><span class="calc-badge" style="color: #a855f7; background: rgba(168,85,247,0.15); border-color: rgba(168,85,247,0.3);">🤖 AI API Pricing</span><h3>LLM Token Maliyet Hesaplayıcı</h3></div>   <div class="calc-field"><div class="field-label"><span>Model Seçimi:</span></div>     <select id="llm-model" onchange="calcLlmCost()" style="width: 100%; background: #020617; border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: #38bdf8; padding: 0.5rem; font-size: 0.82rem; outline: none; margin-bottom: 0.5rem;">       <option value="gpt4o">OpenAI GPT-4o ($2.5 / $10)</option>       <option value="claude35">Claude 3.5 Sonnet ($3.0 / $15)</option>       <option value="gpt4omini">GPT-4o Mini ($0.15 / $0.60)</option>       <option value="gemini15">Gemini 1.5 Flash ($0.075 / $0.30)</option>     </select>   </div>   <div class="calc-field"><div class="field-label"><span>Girdi Token (Input):</span><strong id="llm-in-val">1,500 Token</strong></div><input type="range" id="llm-in" min="100" max="10000" step="100" value="1500" oninput="calcLlmCost()"></div>   <div class="calc-field"><div class="field-label"><span>Çıktı Token (Output):</span><strong id="llm-out-val">500 Token</strong></div><input type="range" id="llm-out" min="50" max="4000" step="50" value="500" oninput="calcLlmCost()"></div>   <div class="calc-field"><div class="field-label"><span>Aylık İstek Sayısı:</span><strong id="llm-req-val">10,000 Çağrı</strong></div><input type="range" id="llm-req" min="1000" max="100000" step="1000" value="10000" oninput="calcLlmCost()"></div>   <div class="calc-results-grid">     <div class="res-box"><span class="res-label">İstek Başı</span><span class="res-val" id="res-llm-single">$0.0088</span></div>     <div class="res-box highlight" style="border-color: #a855f7;"><span class="res-label">Aylık Tahmini</span><span class="res-val" id="res-llm-monthly" style="color: #a855f7;">$87.50</span></div>     <div class="res-box"><span class="res-label">Yıllık Bütçe</span><span class="res-val" id="res-llm-yearly">$1,050</span></div>   </div> </div>

🎨 CSS STILLERI ✏️ Düzenlenebilir

.calc-tool-card { width: 100%; max-width: 320px; background: rgba(15, 23, 42, 0.85); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; padding: 1.25rem; color: #f8fafc; font-family: 'Inter', system-ui, sans-serif; box-shadow: 0 15px 35px rgba(0,0,0,0.45); } .calc-header { margin-bottom: 1rem; text-align: center; } .calc-badge { display: inline-block; font-size: 0.7rem; font-weight: 700; padding: 0.15rem 0.55rem; border-radius: 20px; margin-bottom: 0.35rem; } .calc-header h3 { margin: 0; font-size: 1.05rem; font-weight: 800; color: #fff; } .calc-field { margin-bottom: 0.75rem; } .field-label { display: flex; justify-content: space-between; font-size: 0.78rem; color: #94a3b8; margin-bottom: 0.25rem; } .field-label strong { color: #a855f7; font-family: monospace; font-size: 0.88rem; } .calc-field input[type="range"] { width: 100%; accent-color: #a855f7; cursor: pointer; height: 5px; } .calc-results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.45rem; margin-top: 1rem; } .res-box { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 0.6rem 0.3rem; text-align: center; } .res-box.highlight { background: rgba(168, 85, 247, 0.12); } .res-label { display: block; font-size: 0.65rem; color: #94a3b8; margin-bottom: 0.2rem; } .res-val { display: block; font-size: 0.85rem; font-weight: 800; color: #fff; font-family: monospace; }

⚡ JAVASCRIPT KODU ✏️ Düzenlenebilir

✨ YAPAY ZEKA (AI) PROMPTU ChatGPT / Claude / Cursor

Bana LLM modelleri (GPT-4o, Claude 3.5, Gemini 1.5 Pro) için token girdi ve çıktılarına göre istek başı ve aylık maliyeti hesaplayan modern bir AI Token Hesaplayıcı yaz.

💡 Nasıl Kullanılır? Promptu kopyalayıp ChatGPT, Claude veya Cursor'a yapıştırarak bu aracı projenize göre özelleştirebilirsiniz.

07-YAPAY-ZEKA-LLM-TOKEN-MALIYET-HESAPLAYICI

LLM Token Maliyet Hesaplayıcı

Kayıtlı Favorilerim