Convertisseur px ↔ rem ↔ em ↔ vw
Transformez toute mesure CSS dans les autres unités instantanément. Ajustez la taille de base et la fenêtre pour des équivalences exactes, puis cliquez sur un résultat pour le copier.
Traité à 100 % dans votre navigateur
Comment le vérifier ?
Vos fichiers ne sont jamais envoyés : ils sont traités sur votre appareil. Vérifiez par vous-même : chargez la page, coupez le Wi-Fi et l’outil continue de fonctionner. Ou ouvrez les outils de développement du navigateur (F12), onglet « Réseau » : aucun fichier ne quitte votre appareil.
Équivalences
Tableau px → rem
Ctrl + Enter exécuterCtrl + C copier le résultat
Comment l’utiliser
- 1Saisissez la valeur et choisissez son unité.
- 2Réglez la taille de police de base (16 px par défaut) et la taille de la fenêtre.
- 3Cliquez sur une équivalence pour la copier.
- 4Consultez le tableau px vers rem pour les tailles courantes.
Cas d’usage
- Convertir une maquette en pixels en rem pour un CSS accessible.
- Calculer des largeurs relatives au viewport avec vw et vh.
- Passer des points d’une maquette d’impression en pixels.
- Utiliser une base de 10 px pour simplifier les calculs.
Questions fréquentes
Combien de px fait 1 rem ?
16 px par défaut, la taille de police des navigateurs. Cela change si l’utilisateur ou le CSS modifie la police racine.
Quelle différence entre rem et em ?
rem dépend de la police de l’élément racine ; em de celle de l’élément lui-même ou de son parent. Ici, les deux utilisent la taille de base indiquée.
Pourquoi utiliser rem plutôt que px ?
Parce qu’il respecte le réglage de taille de texte de l’utilisateur, ce qui améliore l’accessibilité.
Comment sont calculés vw et vh ?
1vw vaut 1 % de la largeur de la fenêtre et 1vh 1 % de sa hauteur ; on les saisit donc en pixels.