Convertissez vos unités CSS pour le Web Responsive
Convertissez vos valeurs px en rem ou em, et inversement, selon la taille de police racine, pour un web responsive et accessible.
En bref
Comment convertir des px en rem ?
Divisez la valeur en pixels par la taille de police racine, 16 px par défaut. Exemple : 24 px ÷ 16 = 1,5 rem. L'outil gère aussi le sens inverse.
Faut-il utiliser rem ou px en CSS ?
Le rem est recommandé pour le texte et les espacements car il respecte les préférences d'accessibilité. Le px reste adapté aux bordures et aux valeurs qui doivent rester fixes.
Résultat
1.5rem
24px ÷ 16 = 1.5 (identique en em à taille de police héritée égale)
La plupart des navigateurs utilisent une taille de police racine de 16 px par défaut.
Cet outil fonctionne entièrement dans votre navigateur. La page est générée statiquement au build pour un affichage quasi instantané.
Aller plus loin
Notre sélection d'outils partenaires pour approfondir le sujet.
Outils complémentaires
Poursuivez avec ces outils de la même catégorie.