Convertisseur px / rem / em
Convertissez les unités CSS px, rem, em, pt et % avec une base configurable.
- Instantané
- Gratuit
- Privé (traité localement)
- Sans inscription
Convertir les unités CSS en un instant
Saisissez une valeur et son unité, choisissez la base (taille de police racine, 16 par défaut) et obtenez les équivalents en px, rem, em, pt et %. Cliquez une valeur pour la copier.
-
Saisissez la valeur
Et son unité de départ.
-
Réglez la base
La taille de police racine (16 px par défaut).
-
Copiez l’unité voulue
Un clic copie la valeur prête pour le CSS.
Équivalences (base 16 px)
| px | rem | em | pt | % |
|---|---|---|---|---|
| 16 | 1 | 1 | 12 | 100 |
| 24 | 1.5 | 1.5 | 18 | 150 |
| 8 | 0.5 | 0.5 | 6 | 50 |
| 32 | 2 | 2 | 24 | 200 |
Relations : 1 rem = base px ; 1 px = 0,75 pt ; % = px ÷ base × 100. Tout est calculé localement.
Questions fréquentes
Quelle est la différence entre px, rem et em ?
Le px est une taille fixe. Le rem est relatif à la taille de police de l’élément racine (html), par défaut 16 px. L’em est relatif à la taille de police du parent. Ici, la base que vous fixez sert de référence pour rem, em et %.
Pourquoi utiliser rem plutôt que px ?
Le rem respecte le réglage de taille de police choisi par l’utilisateur dans son navigateur : votre site reste lisible et accessible quand quelqu’un augmente la taille par défaut. C’est recommandé pour les polices et de nombreuses espacements.
Comment passe-t-on de px à pt ?
En CSS, 1 px = 1/96 de pouce et 1 pt = 1/72 de pouce, donc 1 px = 0,75 pt. Avec une base de 16, 16 px = 12 pt. Le pt sert surtout pour l’impression.
Que vaut 1 rem ?
1 rem = la taille de police racine. Avec la base par défaut de 16, 1 rem = 16 px = 100 %. Si vous fixez la base à 10, 1 rem = 10 px, ce qui simplifie les calculs (1,6 rem = 16 px).