Convertisseur px, rem et em

Convertissez des valeurs CSS entre pixels, rem et em à partir d’une taille de police de référence personnalisable.

Rapide

Résultats instantanés

100% privé

Aucune donnée envoyée

Gratuit

Sans inscription

Le pixel CSS est une unité pratique pour exprimer une taille. rem et em sont des unités relatives qui s’adaptent à une taille de police de référence.
Renseignez vos données
Votre résultat—
Détail

🔒 Le traitement est effectué uniquement dans votre navigateur. Aucune donnée saisie n'est envoyée à nos serveurs.

Comment convertir px, rem et em ?

Les unités rem et em sont relatives à une taille de police de référence. Pour une conversion numérique simple, Outiko utilise la base que vous renseignez.

px → rem
Divisez par la base.
rem = px ÷ base
32 px ÷ 16 = 2 rem.
rem → px
Multipliez par la base.
px = rem × base
1,5 rem × 16 = 24 px.
em
Utilisez la base du contexte.
em = px ÷ base
Base à définir.
Base
Personnalisez la référence.
16 px par défaut
Peut être modifiée.

Pixels et unités relatives

Le pixel CSS est une unité pratique pour exprimer une taille. rem et em sont des unités relatives qui s’adaptent à une taille de police de référence.

Conversion px vers rem

Avec une racine à 16 px, 32 px correspondent à 2 rem. La formule consiste à diviser les pixels par la base.

Conversion rem vers px

On multiplie la valeur en rem par la taille de référence. 1,5 rem avec une base de 16 px donnent 24 px.

Et l’unité em ?

Dans une vraie feuille CSS, em dépend du contexte de l’élément. Le calculateur utilise volontairement une base saisie afin de fournir une conversion mathématique contrôlée.

Choisir la bonne base

16 px est courant comme valeur de référence, mais votre projet peut utiliser une autre taille. Saisissez donc la valeur correspondant réellement à votre contexte.

Conseils de lecture du résultat

Pour obtenir un résultat cohérent, partez de données exprimées dans les unités attendues et vérifiez les valeurs avant de les réutiliser. Si vous comparez plusieurs essais, modifiez un seul paramètre à la fois : vous identifierez plus facilement l’effet de chaque variation. L’outil fournit une aide de calcul ou de transformation et affiche le résultat à partir des informations saisies, sans ajouter d’hypothèse extérieure.

Questions fréquentes sur convertisseur px rem em 

Retrouvez ici les réponses aux questions les plus courantes sur l’utilisation de cet outil.

?
Combien vaut 16 px en rem ?
Avec une base de 16 px, 16 px valent 1 rem.
Combien vaut 1,5 rem en pixels ?
Avec une base de 16 px, cela vaut 24 px.
rem et em sont-ils identiques ?
Non dans le CSS réel : rem se réfère généralement à la racine, em au contexte de l’élément.
Puis-je changer la base ?
Oui.
Le calculateur modifie-t-il mon CSS ?
Non.
Les valeurs sont-elles enregistrées ?
Non.

Outils similaires

Convertisseur de devises

Convertissez rapidement euros, dollars, livres sterling et autres devises avec le dernier taux de change disponible.

Calculer son âge exact

Entrez votre date de naissance pour calculer votre âge exact en années, mois et jours, votre nombre de jours vécus et le temps restant avant votre prochain anniversaire.

Comparateur visuel de prix unitaire

Comparez deux produits selon leur prix et leur quantité grâce à des barres visuelles de prix unitaire.

Sources et références

No data was found