.. titre : Convertisseur Milliwatt en dBm
.. slug : rf-milliwatt-en-dbm
..date: 2025-12-26 15:00:00 UTC
.. tags : réseau, calculatrice, outil, rf, sans fil, dbm
.. catégorie : Calculatrices
.. lien :
.. description : Convertissez les milliwatts (mW) en dBm et inversement. Indispensable pour travailler avec les niveaux de puissance de transmission WiFi, les mesures de perte de câble et les calculs de budget de liaison RF.
.. tapez : texte
<style>
    .calc-container {
        max-width: 1000px;
        margin: 20px auto;
        padding: 20px;
    }

    .calc-header {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
    }

    .calc-header h2 {
        margin-top: 0;
        color: white;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .calc-header p {
        margin: 10px 0;
        opacity: 0.95;
        font-size: 15px;
    }

    .input-group {
        display: flex;
        gap: 10px;
        margin-top: 20px;
        align-items: flex-end;
    }

    .input-field {
        flex: 1;
    }

    .input-field label {
        display: block;
        margin-bottom: 8px;
        font-weight: bold;
        font-size: 14px;
    }

    .input-field input {
        width: 100%;
        padding: 14px;
        font-size: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        font-family: 'Courier New', monospace;
        background: rgba(255,255,255,0.95);
        transition: all 0.3s ease;
        box-sizing: border-box;
    }

    .input-field input:focus {
        outline: none;
        border-color: #4CAF50;
        background: white;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

    .calc-btn {
        padding: 14px 35px;
        font-size: 16px;
        background: #4CAF50;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    .calc-btn:hover {
        background: #45a049;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    .calc-btn:active {
        background: #3d8b40;
        transform: translateY(0);
    }

    .result-section {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-top: 30px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
    }

    .result-section:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .section-header {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        padding: 15px 20px;
        font-size: 18px;
        font-weight: bold;
    }

    .section-content {
        padding: 20px;
        background: #fafafa;
    }

    .data-row {
        display: flex;
        margin: 12px 0;
        padding: 10px;
        background: white;
        border-radius: 4px;
        border-left: 3px solid #4CAF50;
    }

    .data-label {
        font-weight: bold;
        color: #555;
        min-width: 280px;
        flex-shrink: 0;
    }

    .data-value {
        color: #333;
        font-family: 'Courier New', monospace;
        word-break: break-word;
    }

    .data-value.highlight {
        color: #4CAF50;
        font-weight: bold;
        font-size: 18px;
    }

    .help-text {
        margin-top: 15px;
        font-size: 14px;
        color: rgba(255,255,255,0.9);
        background: rgba(0,0,0,0.1);
        padding: 10px 15px;
        border-radius: 4px;
    }

    .help-text strong {
        color: white;
    }

    /* Responsive design */
    @media (max-width: 768px) {
        .input-group {
            flex-direction: column;
        }

        .calc-btn {
            width: 100%;
        }

        .data-row {
            flex-direction: column;
        }

        .data-label {
            margin-bottom: 5px;
            min-width: auto;
        }
    }
</style>
<div class="calc-container">
<div class="calc-header">
<h2>Conversion de Milliwatt (mW) en Décibel-milliwatts (dBm)</h2>
<p>Lorsqu'il s'agit de systèmes sans fil, les fournisseurs proposent souvent des mesures de puissance dans différentes unités. Certains utilisent des milliwatts (mW), tandis que d'autres utilisent des décibels-milliwatts (dBm). Ce convertisseur bidirectionnel facilite le travail dans les deux unités de mesure.</p>
<div class="input-group">
<div class="input-field">
<label for="mW">Milliwatt (mW) :</label>
<input id="mW" type="text" value="0"/>
</div>
<div class="input-field">
<label for="dBm">Décibels-milliwatts (dBm) :</label>
<input id="dBm" type="text" value="0"/>
</div>
<button class="calc-btn" onclick="mWtodBmorreverse()" type="button">Convertir</button>
</div>
<div class="help-text">
<strong>Comment utiliser :</strong>Entrez une valeur dans l'un ou l'autre champ et cliquez sur Convertir. L'outil calculera les deux conversions simultanément.</div>
</div>
<div class="result-section" id="results" style="display: none;">
<div class="section-header">Résultats des conversions</div>
<div class="section-content">
<div class="data-row">
<div class="data-label">Milliwatt (mW) en Décibel-milliwatts (dBm) :</div>
<div class="data-value highlight" id="mWtodBm">-</div>
</div>
<div class="data-row">
<div class="data-label">Décibel-milliwatts (dBm) en Milliwatt (mW):</div>
<div class="data-value highlight" id="dBmtomW">-</div>
</div>
</div>
</div>
</div>
<script>
function mWtodBmorreverse() {
    // Set variables from input
    var mW = Number(document.getElementById("mW").value);
    var dBm = Number(document.getElementById("dBm").value);

    var mWtodBm = 10 * Math.log10(mW/1);
    var dBmtomW = 1* Math.pow(10,(dBm/10));

    document.getElementById("mWtodBm").innerHTML = mWtodBm.toFixed(2) + " dBm";
    document.getElementById("dBmtomW").innerHTML = dBmtomW.toFixed(4) + " mW";

    // Show results section
    document.getElementById("results").style.display = "block";
}
</script>