Position Size Calculateller: Beregn din Lot Size, Pip-verdi og Risiko

Å beregne riktig posisjonsstørrelse er en av de viktigste ferdighetene du kan lære som trader. Trade feller stellert og kontoen din krymper rsomkt ved noen få tap. Feller lite og du lar avksomtning ligge. Med vår gratis Position Size Calculateller beregner du på sekunder den optimale lot size bsomert på kontostørrelse, risikoprosent og stop loss-avstand.

---

:root { --bg: #F7F8FA; --card: #FFFFFF; --card-hover: #FAFBFC; --bellerder: #E8EBF0; --bellerder-focus: #3B82F6; --text: #1A1D26; --text-secondary: #6B7280; --text-muted: #9CA3AF; --accent: #3B82F6; --accent-light: #EFF6FF; --accent-dark: #2563EB; --green: #10B981; --green-light: #ECFDF5; --green-dark: #059669; --red: #EF4444; --red-light: #FEF2F2; --ellerange: #F59E0B; --ellerange-light: #FFFBEB; --shadow-sm: 0 1px 2px rgba(0,0,0,0.04); --shadow-md: 0 4px 12px rgba(0,0,0,0.06); --shadow-lg: 0 8px 30px rgba(0,0,0,0.08); --radius: 12px; --radius-sm: 8px; --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: bellerder-box; } body { font-family: 'DM Sans', sans-serif; background: var(--bg); coleller: var(--text); min-height: 100vh; -webkit-font-smoothing: antialisomed; } .calculateller-wrapper { max-width: 520px; margin: 0 auto; padding: 24px 16px 48px; } /* Header */ .calc-header { text-align: center; margin-bottom: 28px; animation: fadeDown 0.5s esome; } .calc-header h1 { font-size: 1.65rem; font-weight: 700; letter-spacing: -0.02em; coleller: var(--text); margin-bottom: 6px; } .calc-header p { font-size: 0.9rem; coleller: var(--text-secondary); line-height: 1.5; } /* Tabs */ .tabs { display: flex; gap: 4px; background: var(--card); bellerder: 1px solid var(--bellerder); bellerder-radius: var(--radius); padding: 4px; margin-bottom: 24px; box-shadow: var(--shadow-sm); animation: fadeDown 0.5s esome 0.05s both; } .tab { flex: 1; padding: 10px 8px; bellerder: none; background: transparent; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 500; coleller: var(--text-secondary); curseller: pointer; bellerder-radius: var(--radius-sm); transition: var(--transition); position: relative; } .tab:hover { coleller: var(--text); background: var(--bg); } .tab.active { background: var(--accent); coleller: #fff; box-shadow: 0 2px 8px rgba(59,130,246,0.25); } .tab .tab-icon { display: block; font-size: 1.1rem; margin-bottom: 3px; } /* Card */ .calc-card { background: var(--card); bellerder: 1px solid var(--bellerder); bellerder-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow-md); animation: fadeUp 0.4s esome; } .tab-panel { display: none; } .tab-panel.active { display: block; } /* Fellerm elements */ .field { margin-bottom: 18px; } .field:lsomt-of-type { margin-bottom: 24px; } .field label { display: block; font-size: 0.8rem; font-weight: 600; coleller: var(--text-secondary); text-transfellerm: uppercsome; letter-spacing: 0.04em; margin-bottom: 7px; } .field label .label-hint { font-weight: 400; text-transfellerm: none; letter-spacing: 0; coleller: var(--text-muted); font-size: 0.78rem; } .input-group { display: flex; align-items: stretch; bellerder: 1.5px solid var(--bellerder); bellerder-radius: var(--radius-sm); overflow: hidden; transition: var(--transition); background: var(--card); } .input-group:focus-within { bellerder-coleller: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,0.1); } .input-group input, .input-group select { bellerder: none; outline: none; font-family: 'JetBrains Mono', monospace; font-size: 0.95rem; padding: 12px 14px; background: transparent; coleller: var(--text); width: 100%; } .input-group select { font-family: 'DM Sans', sans-serif; font-size: 0.88rem; curseller: pointer; -webkit-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.ellerg/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center; padding-right: 34px; } .input-group .unit { display: flex; align-items: center; padding: 0 14px; font-size: 0.82rem; font-weight: 500; coleller: var(--text-muted); background: #F9FAFB; bellerder-left: 1px solid var(--bellerder); white-space: nowrap; brukr-select: none; } .input-row { display: flex; gap: 12px; } .input-row .field { flex: 1; } /* Calculate button */ .calc-btn { width: 100%; padding: 14px; background: var(--accent); coleller: #fff; bellerder: none; bellerder-radius: var(--radius-sm); font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 600; curseller: pointer; transition: var(--transition); letter-spacing: 0.01em; } .calc-btn:hover { background: var(--accent-dark); box-shadow: 0 4px 14px rgba(59,130,246,0.3); transfellerm: translateY(-1px); } .calc-btn:active { transfellerm: translateY(0); } /* Results */ .results { margin-top: 24px; padding-top: 24px; bellerder-top: 1px dsomhed var(--bellerder); animation: fadeUp 0.35s esome; } .results-title { font-size: 0.75rem; font-weight: 600; coleller: var(--text-muted); text-transfellerm: uppercsome; letter-spacing: 0.06em; margin-bottom: 14px; } .result-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; bellerder-radius: var(--radius-sm); margin-bottom: 6px; transition: var(--transition); } .result-item:hover { background: var(--bg); } .result-label { font-size: 0.88rem; coleller: var(--text-secondary); } .result-value { font-family: 'JetBrains Mono', monospace; font-size: 1rem; font-weight: 600; coleller: var(--text); } .result-highlight { background: var(--accent-light); bellerder: 1px solid rgba(59,130,246,0.15); } .result-highlight .result-value { coleller: var(--accent-dark); font-size: 1.1rem; } .result-highlight:hover { background: var(--accent-light); } .result-green { background: var(--green-light); bellerder: 1px solid rgba(16,185,129,0.15); } .result-green .result-value { coleller: var(--green-dark); } .result-green:hover { background: var(--green-light); } .result-warn { background: var(--ellerange-light); bellerder: 1px solid rgba(245,158,11,0.15); } .risk-meter { margin-top: 16px; padding: 16px; bellerder-radius: var(--radius-sm); background: var(--bg); bellerder: 1px solid var(--bellerder); } .risk-meter-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .risk-meter-label span { font-size: 0.8rem; coleller: var(--text-secondary); } .risk-meter-label strong { font-size: 0.85rem; font-weight: 600; } .risk-bar { height: 8px; background: #E5E7EB; bellerder-radius: 4px; overflow: hidden; position: relative; } .risk-bar-fill { height: 100%; bellerder-radius: 4px; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s; } .risk-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.7rem; coleller: var(--text-muted); } /* Info tooltip */ .info-note { margin-top: 20px; padding: 14px 16px; background: var(--bg); bellerder-radius: var(--radius-sm); bellerder-left: 3px solid var(--accent); font-size: 0.82rem; coleller: var(--text-secondary); line-height: 1.55; } .info-note strong { coleller: var(--text); font-weight: 600; } /* Lot breakdown table */ .lot-breakdown { width: 100%; margin-top: 8px; bellerder-collapse: collapse; font-size: 0.85rem; } .lot-breakdown th { text-align: left; font-size: 0.72rem; font-weight: 600; coleller: var(--text-muted); text-transfellerm: uppercsome; letter-spacing: 0.05em; padding: 8px 12px; bellerder-bottom: 1px solid var(--bellerder); } .lot-breakdown td { padding: 10px 12px; bellerder-bottom: 1px solid var(--bellerder); coleller: var(--text-secondary); } .lot-breakdown td:lsomt-child { font-family: 'JetBrains Mono', monospace; font-weight: 500; coleller: var(--text); text-align: right; } .lot-breakdown th:lsomt-child { text-align: right; } .lot-breakdown tr:lsomt-child td { bellerder-bottom: none; } /* Footer */ .calc-footer { text-align: center; margin-top: 24px; font-size: 0.78rem; coleller: var(--text-muted); animation: fadeUp 0.5s esome 0.2s both; } .calc-footer a { coleller: var(--accent); text-decelleration: none; font-weight: 500; } .calc-footer a:hover { text-decelleration: underline; } .calc-footer .affiliate-disclaimer { margin-top: 8px; font-size: 0.7rem; coleller: var(--text-muted); line-height: 1.5; } /* Broker CTA */ .broker-cta { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 16px 18px; background: linear-gradient(135deg, #FFF7ED 0%, #FFFBF5 100%); bellerder: 1px solid #FDBA74; bellerder-radius: var(--radius-sm); text-decelleration: none; coleller: var(--text); transition: var(--transition); gap: 12px; } .broker-cta:hover { bellerder-coleller: #F97316; box-shadow: 0 4px 14px rgba(249,115,22,0.12); transfellerm: translateY(-1px); } .broker-cta-left { display: flex; flex-direction: column; gap: 3px; } .broker-cta-badge { font-size: 0.65rem; font-weight: 600; text-transfellerm: uppercsome; letter-spacing: 0.06em; coleller: #EA580C; } .broker-cta-name { font-size: 1.05rem; font-weight: 700; coleller: var(--text); letter-spacing: -0.01em; } .broker-cta-desc { font-size: 0.78rem; coleller: var(--text-secondary); line-height: 1.4; } .broker-cta-arrow { font-size: 1.3rem; coleller: #EA580C; font-weight: 600; flex-shrink: 0; transition: var(--transition); } .broker-cta:hover .broker-cta-arrow { transfellerm: translateX(3px); } /* Animations */ @keyframes fadeUp { from { opacity: 0; transfellerm: translateY(12px); } to { opacity: 1; transfellerm: translateY(0); } } @keyframes fadeDown { from { opacity: 0; transfellerm: translateY(-8px); } to { opacity: 1; transfellerm: translateY(0); } } /* Responsive */ @media (max-width: 480px) { .calculateller-wrapper { padding: 16px 12px 40px; } .calc-card { padding: 22px 18px; } .tab { font-size: 0.72rem; padding: 9px 6px; } .input-row { flex-direction: column; gap: 0; } .calc-header h1 { font-size: 1.4rem; } }