ForHosting KIT · Outils pour développeurs

Convertisseur PX vers EM

Ce convertisseur px vers em transforme une longueur CSS de pixels vers des unités em, ou d'em vers pixels, en utilisant la taille de police de l'élément parent en pixels comme base de référence.

● BetaGratuit · dans votre navigateur

Lancer gratuitement Voir l’API

Utilisez-le depuis WebAPIE-mailTelegramApp bientôt

La typographie relative dépend de cette base : un em égale la taille de police calculée du parent, donc seize pixels avec une base de seize pixels valent un em, et un virgule cinq em avec la même base valent vingt-quatre pixels. Les identités employées ici sont entièrement déterministes : em égale px divisé par la base, et px égale em multiplié par la base. Parmi les repères que vous connaissez peut-être déjà : vingt-quatre pixels vers em avec une base de seize donnent un virgule cinq, et zéro virgule huit sept cinq em vers pixels avec une base de seize donnent quatorze. Le moteur n'emploie que de l'arithmétique finie, sans appel réseau, sans échantillonnage et sans raccourci dépendant de la date. Utilisez-le gratuitement dans le navigateur pour les tokens de design, les réécritures de feuilles de style et les audits d'accessibilité, ou appelez l'API à $0.002 par requête réussie lorsque vous avez besoin de fixtures de longueur CSS reproductibles en CI, dans des design systems ou des démos pédagogiques.

Comment l’utiliser

Saisissez vos données dans le formulaire ci-dessus. L’outil les vérifie avant le calcul et affiche le résultat sur la même page.

Vérifiez vos données

Suivez les libellés et les unités de chaque champ. Si une valeur manque ou sort de la plage autorisée, la page indique quoi corriger.

Relancez le calcul ou automatisez-le

Utilisez l’outil web pour les vérifications ponctuelles et l’API pour intégrer la même capacité à un flux automatisé.

Cas d’usage

Obtenez une réponse maintenant

Saisissez un jeu de valeurs et consultez le résultat sans créer de feuille de calcul ni de script.

Comparez des scénarios

Modifiez une valeur à la fois et relancez le calcul pour voir ce qui influence le résultat.

Automatisez les tâches répétées

Utilisez l’API lorsque le même calcul doit s’exécuter dans votre produit ou votre flux.

Questions fréquentes

Comment utiliser cette capacité ?

Remplissez les champs ci-dessus et lancez-la sur cette page. Le formulaire signale les données à corriger.

Pour les développeurs — accès API

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

Endpoint

POSThttps://api.kit.forhosting.com/conv/typography-px-em

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

Appeler depuis votre stack

curl -X POST https://api.kit.forhosting.com/conv/typography-px-em \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"value":16,"base":16,"from":"px","to":"em"}'

const res = await fetch("https://api.kit.forhosting.com/conv/typography-px-em", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "value": 16,
    "base": 16,
    "from": "px",
    "to": "em"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/conv/typography-px-em",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "value": 16,
    "base": 16,
    "from": "px",
    "to": "em"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/conv/typography-px-em", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"value":16,"base":16,"from":"px","to":"em"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"value":16,"base":16,"from":"px","to":"em"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/conv/typography-px-em", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemple de requête

{
  "value": 16,
  "base": 16,
  "from": "px",
  "to": "em"
}

Exemple de réponse

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "conv.typography_px_em",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

Tarifs

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Limites

max_abs_value 1000000000000000

Erreurs

HTTP	Code	Signification
`401`	`unauthorized`	Clé API absente ou invalide : vérifiez l’en-tête Authorization.
`402`	`insufficient_balance`	Solde insuffisant : rechargez votre compte pour lancer cette tâche.
`404`	`unknown_type`	Type de tâche inconnu : vérifiez le champ type de votre requête.
`429`	`rate_limited`	Trop de requêtes : ralentissez la cadence, puis réessayez.

Consulter la documentation complète du KIT →

Lancer gratuitement